SEO 工具

好挖設計發表留言

無障礙相關工具

好挖設計發表留言

Drag and Drop this link: ANDI into your browser’s favorites/bookmark bar
在要檢測的網頁，點擊此書籤，會檢測無障礙

輸入網址後，觀看色盲模式下的畫面
https://www.toptal.com/designers/colorfilter
https://wave.webaim.org/
https://achecker.ca/checker/index.php
https://a11ygator.chialab.io/

色盲
https://colororacle.org/index.html

NCC
https://www.handicap-free.nat.gov.tw/

顏色、對比、大小、色盲等服務都有
https://getstark.co/

單一顏色對比工具，可調整細部數值
https://colorable.jxnblk.com/

多個顏色比對工具
https://contrast-checker.glitch.me/

多個顏色比對工具
https://toolness.github.io/accessible-color-matrix/

顏色對比、且可用滴管工具
https://contrasteapp.com/

顏色對比：輸入色碼
https://hexnaw.com/

對比色範例
http://clrs.cc/a11y/

SEO 網路文章

好挖設計發表留言

KOL網紅必學–內容行銷入門與SEO優化行銷7個技巧與工具推薦！
https://pvd-plus.com/articles/kol-seo/

搜尋引擎最佳化
https://zh.wikipedia.org/wiki/%E6%90%9C%E5%B0%8B%E5%BC%95%E6%93%8E%E6%9C%80%E4%BD%B3%E5%8C%96#%E5%BD%93%E4%BB%A3%E6%90%9C%E5%B0%8B%E5%BC%95%E6%93%8E

SEO Tutorial For Beginners in 2020
https://www.hobo-web.co.uk/seo-tutorial/

On-Page SEO: Anatomy of a Perfectly Optimized Page (2019 Update)
https://backlinko.com/on-page-seo

結構化資料 SEO 與 meta 標籤
https://www.oxxostudio.tw/articles/201406/social-meta.html

01. Nuxt.js 小跑起步 (使用Vue時，為了SEO需要用到Nuxt)
https://ithelp.ithome.com.tw/articles/10201762

阿里前端工程師總結HTML5：meta標籤。網友：「666」！
https://kknews.cc/zh-tw/code/a3ey48g.html