哈利熊線上服務市集 > 哈利熊部落格 > 數位行銷 > SEO系列 > SEO專題:工程師最常犯的SEO優化錯誤

SEO專題:工程師最常犯的SEO優化錯誤

文章作者: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

SEO系列|人人必學的手機SEO

Google已經開始使用手機網路作為主要 Read more

SEO系列|在地商家的終極SEO

現今搜索引擎非常了解搜尋用戶的需求,也能 Read more

SEO系列|電商平台的SEO優化小撇步

隨著線上購物的興起,電商平台日益盛行。如 Read more

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *