文章作者：EasyWebsite
我們過去做過很多SEO諮詢，並且很大部分是針對大企業和初創企業的協助。當我們和這些比較大的企業合作時，我們會和他們的工程師有很好的、緊密的合作關係。一般來說，開發者，也就是工程師，都非常聰明，但他們大部分在SEO方面的專業並不精通。
其實，他們就只是沒有去了解，像是Wordpress這樣的免費平台端會提供的SEO基礎知識。也就是說，他們經常會犯一些非常顯而易見的SEO程式設計錯誤，這些錯誤的地方，是經驗豐富的SEO專業人員一眼就可以看出來的。
在這篇文章中，我們會分享幾個開發者最常犯下的錯誤。
1. 沒有小心處理前端開發的Javascript 框架 (framework)
Javascript是目前世界上最普遍的程式語言。 這其實有好有壞，好處是它同時是前端和後端的程式設計語言。
舉例來說，如果你選擇了一個錯的Javascript框架（framework)，Google通常沒有辦法為這個網站的特定區域「建立索引」。
這是因為和後端不同的是， javascript 通常會在「文物物件模型（DOM）」裡面做渲染 (render)。這代表著它會在你的搜尋引擎（比如說Chrome, Firefox, Safari 等等）做渲染 (render)。
在這個Javascript SEO 文章 中，Google 聲稱他們可以做類似這樣的事情：
儘管Google為這類程式建立索引的能力有在進步，現階段來說它並不是百分之百準確的。
簡而言之，這表示Google沒辦法「辨認」出用Javascript寫的大部分網站。
不過，並不是所有的 javascript框架（framework)都是這樣的。這裡有幾個可以像普通網站那樣順利渲染的：
上述的框架（frameworks) 都是有辦法建立正常「靜態」HTML的。也就是說當Google找的這個網站時，它會認為這只是個普通的HTML網站。這可以避免大部分上述的問題。
Node.js 如何？
一般來說，node.js不應該是個問題。畢竟，就像與它相似的程式語言PHP、Ruby、或任何伺服器端的語言一樣，它是在後端做渲染的。
2. 沒有將主頁和其他內頁做連結
這個問題出乎意料的非常常見。
你可以想一下，很多「反向連結（backlink)」都是建立在主頁上的。如果你希望這些連結的權威性、也可以說是「力量」擴散到內頁中，你就必須用內部的連結去連結主頁和內部欄位。
舉例，如果你的網頁有個部落格，在主頁的某個地方連結到部落格的URL就可以了。它可以是在選單裡、也可以在主頁的主要內容（body）裡。選擇任何一處，然後把連結放上去就對了。
Google bots 如何？
另一個思考的方式是，Google Bots在「導向」至內頁時會出問題。最直接的說法就是，Google找到你的主頁了，然後呢？它就停在那了。
你應該要確定你要在你的主頁和重要的內部欄位之間做內部的連結。這會省掉很多麻煩。這樣的話，機器人會先來到你的主頁，接著，透過內部的連結讓它有辦法可以爬取其他的內部頁面。這通常也會對索引建立和排名有幫助。
3. Canonical到正確的頁面
這也是非常常見的，但它其實有一點難理解。 這個部分呢，我們就必須變得有點像書呆子(?)然後寫一點code。 如果你對HTML不是很熟悉，這就是你摸索看看的好機會。
簡而言之，對於像是google那樣的搜尋引擎來說，這會讓它們很清楚地知道它們要排名的是哪個頁面。使用者在網頁上點來點去、頁面不斷更換的時候更是如此，這表示當使用者點了某個東西，URL也會同時以某種方式被改變。
你可以這樣想，如果你沒有讓google清楚知道「最應該」被排名的那個頁面是哪一個，它就會被混淆了。
為了讓這個解釋更清楚，我們要來看一下這個 coding 的範例：
正確：
<link rel=”canonical” href=”https://mywebsite/my-blog-post” />
錯誤：
<link rel=”canonical” href=”https://mywebsite/my-blog-post#cool-codeing-stuff-1″ />
也是錯誤：
<link rel=”canonical” href=”https://mywebsite/my-blog-post#cool-codeing-stuff-2″ />
根據上述的這些例子，你會發現你應該使用第一個例子。它讓google非常清楚的瞭解到它應該避免為其他兩個建立索引並且將正確的URL設定為優先級。簡單來說，你讓Google更容易做事。如果你有一堆不合邏輯的URL，你的搜尋流量通常會很糟。
4. 不要用太瘋狂的URL—— 請讓它保持簡單明瞭
URL 應該要能提供一個描述。它應該要說明這個文章是關於什麼的。
舉這個URL為例：
https://mycoolwebsite.com/social-media/twitter-tools
我們可以看到第一個部分是：/social-media/。任何包含 /social-media/的URL都可以輕易的和任何在網站上有關社群媒體的文章引起關聯性。
第二個部分： /twitter-tools/ 很明確的指出這個文章是和Twitter的工具有關的。也就是，它在網站的”social media”這個欄位底下，又有一個關於”Twitter tools”的文章。這就給出了一個簡單明瞭的描述。
反觀這個URL:
https://mycoolwebsite.com/33456654333e45/28-twitter-tools-that-will-blow-your-mind
這串是不是非常令人困惑呢？它有一堆數字、超級長、而且很難懂。它完全沒有給出一個敘述。請你把這當作是一個普遍的原則，讓你網站的URL保持簡單且能一眼被看懂。
Google其實有一篇關於這個主題的好文章，你可以在這裡閱讀。在URL裡面包含關鍵字也是很好的，只要不要使用過多就好。
5. 沒有建立一個網站地圖（site map)
這個方法可以讓Google很輕易的去理解你的網站，包含你的網站是關於什麼的，以及哪個頁面需要建立索引等，這會使搜尋引擎可以很容易的去定位。這對於比較大的網站是至關重要的。
有兩個不同類型的網站地圖(Sitemaps)
- XML Sitemaps
- HTML Sitemaps
你可以直接提交XML Sitemaps給網站管理員（Search Console)，直接地告訴Google，它應該或不應該注意哪些東西。
另外，在你的網站頁腳包含HTML sitemaps是非常有用的。 尤其是對於在建立索引分面有問題的網站。
舉例來說，如果你一個月在你的電子商務商店上發佈了100個產品，使用一個HTML網站地圖可以幫助google更容易找到這些新產品並且為它們建立索引。大規模的專案常常會遇到這類的狀況需要處理。
需要更多資訊？ EasyWebsite.com 對於這個主題有一個很棒的教學。
6. 當你有所疑慮時，去看看一個好的Wordpress網站
說實在的，這些點可以一直列下去，然後我們可以做一整系列關於這個主題的課程。
有個有點好笑但我們會做的事情是，當我們不確定要怎麼做時，我們會去觀察一個表現很好的Wordpress網站。
換而言之，一個可以得到相當程度流量的Wordpress網站，很明顯的是某個知道自己在做什麼的人架設的。
至於要去看哪些地方呢？舉例來說，你可以看看他們是如何架設：
- 元資料 （metadata)
- 複合式資訊卡（Rich Snippets) / 結構化資料 (Structured Data)
- 他們如何在站內連結頁面
- 他們如何處理特定的技術問題
大多數的SEO並不擅長寫程式，但是他們大部分還是使用Wordpress。相反的，程式設計師可以看看這些SEO努力做出來的Wordpress做的現成品，然後在他們對於SEO更有經驗前，可以先參考、模仿這些表現好的網站，把好的東西應用在自己的網站上。
總結
有非常多的程式設計師並沒有SEO相關的經驗。不過，很多這方面的問題，都可以在做一些功課之後，輕鬆獲得解決。
你必須經常性地幫助他們走上正軌。 有時候你會遇到一些工程師，他們在做了很多努力和工作後，才發現他們需要做一堆改變，才能很好地去讓SEO的表現更好。在我們的經驗中，這會讓工作時程拉長，但如果你可以明確敘述這些改變能帶來的好處，工程師們通常會接受這些想法並且據此來做修改。
或是你也可以在它們開始之前把這個文章轉發給他們就好了 😀
想進一步瞭解SEO搜尋引擎優化，可以參考 EasyWebsite。
