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

UI Kit

iOS vs. Android App UI Design: The Complete Guide
https://learnui.design/blog/ios-vs-android-app-ui-design-complete-guide.html?ref=uxdesignweekly

整理工具
https://codyhouse.co/

uikit收集網站
https://designsystemsrepo.com/design-systems/