Search engine optimization (SEO)

規劃網站、設計網頁、撰寫文案內容,需要注意到一些 SEO 小技巧:
https://www.astralweb.com.tw/seo-tips/

使用Keyword Tool(關鍵字工具):
https://www.astralweb.com.tw/how-to-use-keyword-tool/

SEO優化技巧,其中最常提及的重點就是減少跳出率,因為使用者待在網站的時間長度,也是搜尋引擎判斷的依據;若是使用者太快離開網站,有可能是內容不佳,也可能是使用者得到需求資訊後就離開網站。雖然SEO需要時間長期經營,但只要看到成效就能為網站帶來效益。

使用關鍵字規劃工具,找出大眾最常使用的關鍵字
在編寫網頁內容時,是不是絞盡腦汁、毫無頭緒呢?為了讓搜尋引擎喜歡你,關鍵字是重要的辨識方法,但一個詞彙會有不同的解釋方式,像Responsive Design就有響應式設計和互動式設計這兩種說法。推薦你使用Keyword Tool這個網站,只要輸入關鍵字,就會替你找出大眾最常搜尋的相關字串,幫助你在撰寫網頁文章時,加入適當的關鍵字大眾更容易找到你!當然,最重要的還是網站內容要言之有物,切忌輸入一堆無相關的關鍵字,反倒失去搜尋引擎對網站的信任喔!

加入相關連結,讓使用者快速找到需求資訊
只要使用者在你的網站待越久,越能減少網站跳出率,就有機會讓搜尋引擎信任你、親近你!最常使用的優化方法就是加入相關連結,讓使用者可以進一步連到相關網頁,除了方便使用者找到相關資訊外,還能留住使用者繼續瀏覽網站,減少跳出率。

使用追蹤碼追蹤相關連結
設定連結後要如何得知是否有人點閱,查看這些連結設定是否吸引使用者呢?只要在連結網址中設定追蹤程式碼,就可透過Google Analytics查看點擊數喔!

追蹤程式碼:
onclick=”ga(‘send’, ‘event’, ‘Link’, ‘Click’, ‘LINKTEXT’);”
註:LINKTEXT可改寫為相關網址的名稱,在使用Google Analytics查看時更能清楚得知此點擊的由來。

製作導覽列表,讓所有相關文章一目瞭然
當你累積了大量的相關文章,有個簡單快速的優化方法,就是新增一篇導覽文章,列出所有文章的標題與連結,讓對該分類有興趣的使用者,快速找到相關文章,吸引使用者繼續瀏覽,減少網站跳出率。其大量的關鍵字也能讓搜尋引擎親近你,但還是要注意內容品質才是首要條件。



想要優化網站,讓 Google 看得懂,那麼別忘了根據 Google 在網站管理員說明中提到的資訊,將以下標記適當的加入網站,打造一個友善於Google搜尋的網站:https://support.google.com/webmasters/answer/79812
http://gogojimmy.net/2013/09/26/basic-seo-for-rails-developer/

三個最基礎 (最重要) 的觀念:

1. <title>正確的標題是最重要的關鍵:標題要與內容相符,誠實方為長遠之道</title>

2. <meta name=description content="150個字元以內的精確描述,若超過150 個字元,網頁可能會被搜尋引擎標示為需要審核或使用欺騙手段。">

3. 絕對不要使用 Meta Keywords 關鍵字:
在進行網頁 SEO 優化時,大部分的人會在網頁的 meta 部份加上一堆的keywords,為的就是幫助搜尋引擎了解這個頁面的重點,但是你知道嗎?Google早已經完全不採用這樣的 keywords 了。原因在於使用過於氾濫,當大家知道這是影響搜尋結果的一個因素後,一堆網站拚了命在 meta 部份加上關鍵字,企圖想要讓自己的網站在自然搜索結果中更好,但這樣卻違背原本的用意了。
當然,現在還是有許多網站會使用這樣的方式去堆積網站的關鍵字,但是說真的,不建議也不要這樣子使用,因為這樣的使用很可能會被搜尋引擎將這個網站打到谷底,甚至將網站判斷成垃圾網站。因此,如果網站還在使用 meta keywords 的人,別忘了去將這些關鍵字永久撤下,不要抱著它可能會替網站加分的念頭囉!

https://sofree.cc/google-meta/
https://sofree.cc/meta-keywords/

● 搞定Meta Tags 及 Meta Data
Title Tag, Meta Description Tag, Canonical Url, Facebook Open Graph, Twitter Cards.

詳細可參考 https://www.oxxostudio.tw/articles/201406/social-meta.html

Open Graph:
https://dotblogs.com.tw/walter/2014/05/21/how-to-set-facebook-share-info
http://ogp.me/
https://developers.facebook.com/docs/reference/opengraph

● 搞定連結
連結大概分三種,純文字的連結、圖片連結以及不想讓搜尋引擎作為SEO計算的nofollow連結(比如說留言裡的垃圾回應或是付費連結)。

● 搞定網址
良好的網址、301轉址、網址內要有關鍵字、使用Canonical Url的方式來避免重複內容、將內容放在網域下第一層路徑的效果比弄成子網域好。

* rel=”canonical” 語法應用教學,SEO上的最佳使用時機
https://www.awoo.com.tw/blog/2018/04/relcanonical-for-seo/
https://support.google.com/webmasters/answer/139066?hl=zh-Hant

● 搞定爬蟲
robots.txt

● 搞定Sitemap
每次有新內容產生的時候就向搜尋引擎提交一個新的Sitemap、Sitemap的寫法、針對不同的Content Type來做不同的Sitemap (比如說影片、圖片、手機版)。

向 Google 提交 Sitemap:
https://support.google.com/webmasters/answer/183669?hl=zh-Hant
https://support.google.com/webmasters/topic/4598733

● 搞定語系與國家
在 html tag 中加入語系、在 head tag 中加入所有語系以及國家。

使用 hreflang 提供正確語言和地區的網址: https://support.google.com/webmasters/answer/189077?hl=zh-Hant

● 其他建議
Responsive Design或是建立另外一個行動裝置版本的網站。

行動版網址中不可缺少指向電腦版網頁的 rel=”canonical” 標記: https://developers.google.com/search/mobile-sites/mobile-seo/separate-urls?hl=zh-tw




Google Search Console (GSC) 網站管理員工具是什麼?有什麼用途? (舊稱:Google WebMaster)

https://www.kingman.idv.tw/internet-genaration/197-what-gsc-google-search-console-webmaster.html


http://sweeteason.pixnet.net/blog/post/43600332

網站結構調整
網頁內的調整
好的標題要符合
好的描述要符合
優化電子商務網頁的方法
網頁之間的連結調整



程式語言編年史

程式語言編年史原文 下面這張圖片描繪了整個程式語言的歷史。包括各種程式語言的發明人、程式語言的特點和適用領域、被什麼網站或公司使用等 (檢視 完整高清圖 )。 之所以會有那麼多不同的程式語言是因為設計程式語言的初衷不同、對語言學習曲線的追求不同、不同程式之間的執行成本差異...