搞定SEO小訣竅(8)-掌握KISS原則讓SEO更有效!

搞定SEO小訣竅(8)-掌握KISS原則讓SEO更有效!
搞定SEO小訣竅(8)-掌握KISS原則讓SEO更有效!

總是覺得SEO搞定很困難?掌握這些技巧,絕對能讓你事半功倍哦!(8)

KISS 原則 的 KISS,其實是「Keep It Simple, Stupid.(讓它簡單、笨拙)」 的縮寫。SEO 應該盡量保持網站文案內容的簡潔、直接。原因如下:

根據調查,大多數美國人的閱讀能力相當於小學 7-8 年級。

台灣人的閱讀能力其實也差不多,畢竟我們平時對話也不會滿口莎士比亞、李白那種文謅謅的撰文模式,在使用搜尋引擎找網站時,當然也會 key 入白話又直接的敘述。

對於大部分的使用者是用「掃描」而非「閱讀」的方式在瀏覽網頁 ── 除非你的網站是電子書或漫畫內容的網站。如果一進站,就看到一脫拉庫很難理解的專有名詞、或是文謅謅的敘述,相信大部分的使用者會沒有耐心看下去而秒退網頁。過短的停留時間、過多的跳出率都對 SEO 不利。

這代表網站內容的用字遣詞,也要與搜尋者可能會 key in 的關鍵字相同,才會被搜尋到。所以網站內容的文案也要直接、不拐彎抹角。例如文案描述地點時,說「地點『靠近』火車站」比說「地點『鄰近』火車站」還好閱讀;描述健身運動時,說「拉單槓」比說「引體向上」還容易被理解。

就算是有牽涉到專有名詞的用法,旁邊最好也附加直白的敘述方式。像是醫美業者推冷凍減脂「酷爾塑平」的網頁上,最好加個搜尋者可能會打入的關鍵字,例如「冷凍減脂」、「冷凍溶脂」。如此一來,標題有可能就變成「冷凍減脂-酷爾塑平」、「冷凍溶脂:酷爾塑平」之類。這樣子專業用語與白話並用的說法,可以同時讓專業人士與一般人士都看得懂。

總結以上原則,讓你的網站遵守「KISS “Keep It Simple, Stupid(讓它簡單、笨拙)”」的原則如下:

  1. 避免艱深難懂的字詞
  2. 句子保持簡短,並有層次分段
  3. 避免文言文式的敘述,盡可能直接白話

「2018 後的 SEO 八部曲」系列文章到此告一段落。想要回顧前七集的朋友們,可點擊以下的網址:

  1. SEO 八部曲 1 – 秒懂你的使用者
  2. SEO 八部曲 2 – 你的網頁夠快嗎?
  3. SEO 八部曲 3 – TITLE TAG 還是要做 SEO
  4. SEO 八部曲 4 – 原來 URL 也可以做 SEO
  5. SEO 八部曲 5 – 圖片的 SEO 優化
  6. SEO 八部曲 6 – 結構化資料 SCHEMA 標記
  7. SEO 八部曲 7 – 使用主關鍵字的相關詞

 

 

 

 

 

 

推薦文章:
為了被 AI 認出,你願意戴上「白面具」嗎?臉部辨識的隱憂


SEO必知!「長尾關鍵字」的定義與使用說明


白帽SEO、黑帽SEO,到底差在哪?


RIP,Google 中國!搜尋引擎開發計劃 Dragonfly 的停止


感謝有你!人工智慧結合居家照護,讓家更溫暖!(上)


入門SEO課程必會!GA工作階段定義與範例一次報你災!(上)


重金屬天團音樂也難不倒人工智慧?!自編曲向經典致敬!

搞定SEO小訣竅(7)-主關鍵字的相關詞也能SEO?

搞定SEO小訣竅(7)-主關鍵字的相關詞也能SEO?
搞定SEO小訣竅(7)-主關鍵字的相關詞也能SEO?

 

總是覺得SEO搞定很困難?掌握這些技巧,絕對能讓你事半功倍哦!(7)

當你想要了網路行銷的所有做法,你可以在 Google 輸入關鍵字「網路行銷」後找到兩個網頁。這兩個網頁文案內容中,所包含的有關「網路行銷」的關鍵字詞,分別列於下方:

第一個網頁的文案只會包含了一個相關的關鍵字,就是「網路行銷」本詞。

第二個網頁,文案中除了「網路行銷」這個主關鍵字外,還包含了相關的「數位行銷」、「網路行銷課程」、「SEO」、「關鍵字廣告」、「直播行銷」、「社群行銷」。

你覺得上述兩個網頁,哪個比較符合你當初的搜尋意圖?

相信答案絕對是第二個網頁。因為比起第一個網頁,第二個網頁所含的字詞,包含了網路行銷的具體作法:「SEO」、「關鍵字廣告」、「直播行銷」、「社群行銷」等,這些點到具體作法的關鍵字,就是網路行銷的相關詞。

除了這些相關詞外,它也有「數位行銷」這個網路行銷的同義詞。

不同的單詞,有可能會擁有同一種語意,是為「同義詞」;而同一個單詞,出現在不同的地方,意思也有可能是不一樣的。

所以 Google 搜尋引擎機器人在抓取網頁時,會藉由交叉比對並依據網頁上下文的關係,來分析網頁內容,並取合適的關鍵字詞。之後你在搜尋引擎搜尋這些關鍵字時,就會在搜尋結果頁上看到這網頁。

Google 的搜尋引擎的「phrase‐based indexing」意即「以字詞為主的索引系統」,所以 SEO 可以巧妙地在網頁內容中穿插相關詞、同義詞,讓 Google 更容易搜索到這個網頁並抓取合適的關鍵字,提高這個網站的 Google 得分。

SEO 如何找尋主關鍵字之相關詞與同義詞?

方法有三:Google 關鍵字工具、SEO 工具如 Moz 和 Ahrefs 等、LSI Graph 等免費工具。

相信大家對第一項「Google 關鍵字工具」已經不陌生,這裡小編先簡略說明一下「Google 關鍵字工具」的使用方式:

1. 首先你要有一組 Google 帳戶,並進入關鍵字工具

2. 進入關鍵字規劃的舊版頁面

3.在下圖的頁面,點選第一項「按詞組、網站或類別搜尋新關鍵字」

4. 在下圖的頁面,可以分別填寫你的產品或服務內容(通常這邊可能會是你想打得主關鍵字),你的網頁 URL 與類別,然後點選左下角的「取得提案」

最後,Google 會自動幫你找出一連串的關鍵字提案,您可以從這些提案中找出自己網站的相關詞和同義詞,並且巧妙的置入在你的網頁中。

在完成了 SEO 八部曲中的前七個步驟後,要如何讓每一個透過搜尋引擎吸引到我家網站的使用者,都能再度光顧呢?請不要錯過下一篇「SEO 八部曲 8 – KISS 原則:0-99 歲的人都愛你的網站」。

 

 

推薦文章:
RIP,Google 中國!搜尋引擎開發計劃 Dragonfly 的停止


白帽SEO、黑帽SEO,到底差在哪?


為了被 AI 認出,你願意戴上「白面具」嗎?臉部辨識的隱憂


SEO必知!「長尾關鍵字」的定義與使用說明


人工智慧與人類有真愛嗎?”我的全像情人”陪你一起探討!


入門SEO課程必會!GA工作階段定義與範例一次報你災!(上)


檢查Python安全隱私就靠”它”,是什麼讓臉書這麼放心!

搞定SEO小訣竅(6)-結構化資料標記的重要性

搞定SEO小訣竅(6)-結構化資料標記的重要性
搞定SEO小訣竅(6)-結構化資料標記的重要性

總是覺得SEO搞定很困難?掌握這些技巧,絕對能讓你事半功倍哦!(6)

SEO 優化時可以善加利用 Schema 結構化資料標記來強化網站在搜尋結果的摘要片段。當你在搜尋食譜時,是否在搜尋結果頁看到部分網站顯示秀色可餐的食物圖片? 圖片旁邊還有五星評等呢!圖片下方有顯示食譜的片段資訊…好像看起來很簡單,於是,你忍不住點擊網站看完整的做法…

上圖顯示:上方的搜尋結果有 Schema 結構化資料標記,顯示了美味的照片與五星評等;下方的搜尋結果則沒有做 Schema 結構化資料標記。

有 Schema 結構化資料標記的搜尋結果,是否有比較吸引你點擊?可見經過 Schema 結構化資料標記的網頁,在搜尋結果頁上脫穎而出的機率相較比較高

除了在搜尋結果頁上出現秀色可餐的圖片、星級評等之外,「schema結構化資料標記」還可以依據你網頁的特性,進而顯示出對應的資訊…

比如說你的網頁是賣書的網頁,你可以使用「schema結構化資料標記」讓搜尋結果頁出現你的書名、ISBN與出版年份等資訊。如下圖:

結論:雖然「Schema 結構化資料標記」不會直接讓網頁在 Google 搜尋頁面中名次變高,但是卻可以藉由在搜尋結果頁中清楚的文圖說明,可以提高被使用者點擊的機率,而間接增加 Google 的權重分數,達到 SEO 優化的功效。

想了解 SEO 八大基礎的你,也千萬別錯過下一章「2018後的SEO八部曲7-使用主關鍵字的相關詞

 

 

 

 

 

推薦閱讀:
RIP,Google 中國!搜尋引擎開發計劃 Dragonfly 的停止


白帽SEO、黑帽SEO,到底差在哪?


SEO必知!「長尾關鍵字」的定義與使用說明


為了被 AI 認出,你願意戴上「白面具」嗎?臉部辨識的隱憂


非資工系出身也能當網站工程師?到底是哪家Python課程這麼厲害?!


入門SEO課程必會!GA工作階段定義與範例一次報你災!(上)


傳統甜點正名找上人工智慧,網友看了都醉了!

搞定SEO小訣竅(5)-圖片也可以SEO優化?

搞定SEO小訣竅(5)-圖片也可以SEO優化?
搞定SEO小訣竅(5)-圖片也可以SEO優化?

總是覺得SEO搞定很困難?掌握這些技巧,絕對能讓你事半功倍哦!(5)

圖片的 SEO 優化

一則消息如以下所示:

「約 810 萬 (3.3%) 的美國人處於視力受損或是色盲的狀態,他們可能依賴 3C 產品的螢幕放大或有聲閱讀功能了解螢幕顯示的內容…」

當有聲閱讀器讀出螢幕的內容時,遇到圖片,要如何閱讀?

這就是需要做圖片 SEO 的原因所在。遇到圖片時,這類螢幕閱讀功能就會讀出這張圖片對應到網頁 HTML 原始碼中,ALT 標籤內的文字。文字內容可能是「一隻貓的圖片」、或是「SEO 流程的示意圖」等等敘述圖片的內容。

可惜有許多台灣的 SEO 優化師往往忽略了圖片 SEO 的步驟,都沒有給圖片 ALT 標籤內給予適當的敘述。

好比說今天網站上有一隻暹羅貓的圖片,有兩種「ALT 標籤」如以下所示:

第一種是未經過 SEO 優化的 ALT,直接以圖片的編號撰寫,也是最常遇到的 ALT 標籤撰寫模式:

<img src="/siamese-cat.png" alt="pic_01"/>

第二種是經過 SEO 優化的 ALT,清楚描述圖片的內容撰寫:

<img src="/siamese-cat.png" alt="一隻暹羅貓的圖片"/>

當使用螢幕閱讀功能時,遇到上述第一種 ALT 標籤,該功能就會照字面朗讀出「pic_01」;如果遇到上述第二種 ALT 標籤,該功能就會讀出「一隻暹羅貓的圖片」。

由以上的例子可以發現,如果 SEO 優化師能費些心思,在網站的圖片做 SEO 優化、幫圖片起個精準簡短的 ALT 名稱,是絕對有助於提升使用者體驗的。當使用者體驗越好,自然排序就會越來越高。

這個 ALT 標籤,除了有益於使用者體驗之外,對 Google 搜尋引擎的爬蟲機器人爬取網站內容時也是十分有幫助的。爬蟲能透過 ALT 標籤中的文字「判斷」圖片的內容,若 ALT 標籤中含特定的關鍵字時,也有助於讓網站在「GOOGLE 圖片搜尋」中的排序結果提升。

SEO 有許多像是圖片 ALT 文字、URL 文字等這些不起眼、但有優化空間的地方。如果這些小細節都優化過了,相信網站會有一定的 SEO 優化成效。

下一章「SEO 八部曲 6 – 結構化資料 SCHEMA 標記」,我們將探討 SCHEMA 結構話標記:這也是網頁上看不到、但卻是搜尋引擎爬蟲判斷網站內容的重要依據哦。

 

 

 

推薦文章:
為了被 AI 認出,你願意戴上「白面具」嗎?臉部辨識的隱憂


RIP,Google 中國!搜尋引擎開發計劃 Dragonfly 的停止


白帽SEO、黑帽SEO,到底差在哪?


SEO必知!「長尾關鍵字」的定義與使用說明


半年Java課程衝刺班!業務轉行程式設計師沒再怕!


入門SEO課程必會!GA工作階段定義與範例一次報你災!(上)


UI設計師御用A/B測試,輕鬆搞定網頁也能事半功倍!(一)

搞定SEO小訣竅(4)-URL網址也要SEO

搞定SEO小訣竅(4)-URL網址也要SEO
搞定SEO小訣竅(4)-URL網址也要SEO

總是覺得SEO搞定很困難?掌握這些技巧,絕對能讓你事半功倍哦!(4)

何謂敘述性的 URL

看看下方的網址,你是否可以在不點擊網址的前提下,單單從網址組成的英文或是數字上,就能猜出這是關於「SEO課程」還是「SEM課程」的網頁嗎?

yun.itheima.com/course/223.html

如果你的回答是「yes」,也許你是有特異功能…光從「223」這數字就看出是 SEM 課程呢!

再看看下述的 URL 網址,你是否可以從網址組成的英文字,猜出這是關於「SEO課程」還是「SEM課程」嗎? (提示:看看URL的字尾)

tedu.tw/courses/internet-marketing/seo/

看出這是哪個課程了嗎? 沒錯!從 URL 的結尾 「/seo」 三個字,就可以猜出它是 SEO 課程的網頁。

這種能讓使用者從字面上猜出網頁內容的網址,就稱為「敘述型 URL」

敘述性的 URL 對 SEO 的好處

因為敘述型的 URL 對使用者以及 GOOGLE 搜尋引擎的爬蟲機器人來說,是可以很容易從 URL 字面上判斷該網頁的內容為何。所以敘述型的 URL 對 SEO 優化有利。

除了讓使用者易懂之外,你也可以在編輯 URL 時,插入指定的關鍵字!這對針對特定的關鍵字衝排名,是有優化也是有加分的效果喔!

但是如果你今天所管理的網站,它的 URL 結構不允許你編輯敘述性的 URL 時,也沒關係,因為 Google 的 John Mueller 曾經說過:「這在影響 (Google 的)排名上,佔了『很小的』因素」

只能說,如果可以的話,就連 URL 一起優化。但是如果不行的話,也沒關係。因為這對於 SEO 優化,頂多算是「附加的」因素之一而已。

保持 URL 的言簡意賅

另外,請千萬要記得,讓你的 URL 保持小而美的長度。千萬別搞得太長

下面引用自 Ahrefs 官網的圖片,為 SEO 優化工具領導廠商 Ahrefs 所做的研究,在 Google 搜尋引擎排名第一名的網站,其 URL 平均多為低於 17 個半形字元。

另外太長的網址,在 Google 搜尋結果頁 (SERP) 上,後面的部分也會以「…」截掉,如下圖所示

總結:記住兩個原則

1.盡量使用敘述性 URL,並插入關鍵字

2.保持你的 URL 在 17 個半形字元之內

除了 URL 網址之外,網頁中的圖片也是可以做 SEO 優化的。請看下一篇:原來圖片也可以做 SEO 優化!

 

 

 

推薦文章:
人工智慧守護浪浪安全!貓奴工程師開發AI浪貓庇護所


前端工程師也該會的後端:MySQL 的 DDL DML DQL DCL


使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!


第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


入門SEO課程必會!GA工作階段定義與範例一次報你災!(上)


人工智慧幫傳統甜點命名,結果卻令人笑到噴飯?!


人工智慧貓門問世,不用擔心再被貓主子的”戰利品”嚇到!

搞定SEO小訣竅(3)-META TAG還是要做

搞定SEO小訣竅(3)-META TAG還是要做
搞定SEO小訣竅(3)-META TAG還是要做

總是覺得SEO搞定很困難?掌握這些技巧,絕對能讓你事半功倍哦!(3)

儘管根據 SEO 觀測工具領導品牌 Ahrefs 的文章顯示:策略性地將關鍵字在Title、Meta Description (Meta 描述) 是老方法,在今天的 SEO 世界裡,雖然這方法並非能讓你網站排名突飛猛進的全部因素 (在2016年之前可能是),但在今天,這還是所有 SEO 優化眾多步驟中的必備因素之一。

原來,Title、Meta Description 都還是會顯現在 Google 搜尋結果上頭。舉例來說,有人想轉職程式設計師,於是在 Google 上搜尋是否有相關的程式設計課程。他輸入了關鍵字:Java 課程,有兩個搜尋結果吸引他的目光如下:

圖中的兩個搜尋結果都是 Java 課程,但是上面「台灣大學」的資訊並沒有提到任何與「就業」有關的資訊;而下方某私立補習班的標題卻有「程式設計師培訓」;資訊有「結業即就業」、「媒合就業」等與就業有關的字眼。

因為這個人有求職的需求,而下方的搜尋結果描述相較於來說較符合這個人的需求,所以他就點擊了下方、並非上方的搜尋結果。

這些會在搜尋結果上出現的字眼,就是在 HTML 的中繼標 META TAG 中設定!搜尋頁面會出現的標題,於「Page Title」中設定、內容描述的文字,於「Description」中。

PAGE TITLE SEO:小改變,讓名次改頭換面!

Page Title 對 SEO 優化來說,可說是最基要的第一步。

雖然大多數人瀏覽網頁很少看標題,但是標題對於 SEO 來說,卻是十分重要的元素!

PAGE TITLE 用處

  1. 告訴 Google 搜尋引擎你的網頁的重點為何並取得排名
  2. 提升搜尋結果的點擊率

由以上第一點來看,你的主要目標關鍵字必須要放在 Title 中,且要放在偏前方的位置,例如把目標關鍵字放在公司名稱前方。有些商家把自己公司的名稱放目標關鍵字的前面,可說是不利於 SEO 的。另外,不同的頁面必須要有不同的 Title,才能不會被 Google 誤判為重複的網頁。像是有些公司就忽略了修改 Title,而讓每頁的 Title 都相同,例如「Home」、「XX股份有限公司」等等,忽略了 Title 的重要性等於浪費了取得 Google 排名的大好機會!

關於以上第二點,因為你所設的 Page Title 名稱會顯示在搜尋結果頁面上,所以名稱除了要自帶目標關鍵字給 Google 的機器人「看」之外,還要給真人使用者看。所以 Page Title 越吸引人點閱,越能增加點擊率(CTR),而對網站排名有正面的影響

檢查一下,你網站上每一個網頁的標題,尤其是前半部分,是否頁頁不同且夾帶目標關鍵字呢?若以上都符合,想像一下你在搜尋結果上看到了這一頁的 Page Title,是否有點進來的衝動呢?

範例

目標關鍵字:台北貓咪認養

<title>台北貓咪認養-米克斯貓,親人街貓,流浪貓免費愛心認養|達內貓中途</title>

▲Title 以及 Meta Description 是最先在 Google 搜訓結果頁(SERP)上看到的項目

頁面的重點關鍵字,最好在 TITLE 的前半段就出現。長度最好控制在 30 個全形字以內

META DESCRIPTION

DESCRIPTION 就是針對網頁內容做簡單的敘述。SEO 可以將此頁的主關鍵字與副關鍵字適時的插入在 META DESCRIP 敘述裡面。DESCRIPTION 字數也不宜超過 74 個全形字。

TITLE與DESCRIPTION:哪裡設定?

如果你是使用 WordPress 等 CMS 或 Shopline 等套版網站,後台通常會有一塊專門的區域,可以方便 SEO 自行設定。設定的位置依照各業者而有所不同,詳細請見他們的教學。

若不是使用上述的 CMS 或是套版網站,就要自行在網頁的 HTML 文本中寫入。寫入的位置在 head 之中。因此會一些 HTML 語法也是 SEO 的必備技能。

關鍵字除了出現在 網頁 HTML 的中繼標 TITLE 與 DESCRIPTION 之外,還可以出現在 URL 內,詳情請見此篇:SEO 八部曲 4 – 原來 URL 也可以做 SEO

 

 

 

 

 

推薦文章:
人工智慧守護浪浪安全!貓奴工程師開發AI浪貓庇護所


前端工程師也該會的後端:MySQL 的 DDL DML DQL DCL


第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!


入門SEO課程必會!GA工作階段定義與範例一次報你災!(上)


我的未來我決定!品保人員靠Python課程成功轉職程式設計師!


傳統甜點正名找上人工智慧,網友看了都醉了!

搞定SEO小訣竅(2)-你的網頁夠快嗎?

搞定SEO小訣竅(2)-你的網頁夠快嗎?
搞定SEO小訣竅(2)-你的網頁夠快嗎?

總是覺得SEO搞定很困難?掌握這些技巧,絕對能讓你事半功倍哦!(2)

儘管依據 Ahrefs 在 2016 年的 Google 搜尋結果發現,網頁 loading 時間往往不一定會跟 Google 排名成正比。但是根據 Google 的官方統計資料顯示,當一個網站的 loading 速度超過三秒時,有 53% 的使用者會跳出這個網頁。所以 SEO 應該盡量讓網頁 loading 的速度在 2 秒之內。

想想看,當你在 Google 搜尋結果頁面點進一個網頁,結果過了 3 秒還顯示不出內容。你是否會跳出並回到搜尋頁面,看另一個頁面呢?

其實不管你網頁做得如何美輪美奐、介面設計的多麼人性化、網頁內容多麼吸引人,只要網頁開啟的速度太慢,一切都會歸零!過去曾經炫翻天的 Flash 網頁特效,因為會拖累網站的 loading 速度,所以現在可說是接近被淘汰的狀態。甚至行動版裝置如 iPhone 與 Android 手機等都不支援 Flash。

身為網頁設計師或是 SEO 優化師的你,請盡快使用 Google 推出的網頁速度檢測工具 (連結) 來好好地檢視自己的網站速度吧!

提升網頁載入速度的作法有很多,例如減少 request 數量、最佳化圖片大小、整合多個 CSS 檔案等,技術難易度不一。而比較簡單的作法,歸納如以下兩項:

批次減少圖片大小

上傳圖片至網站之前,請盡量讓圖片的大小減少。例如:當你的網站是使用 WordPress 來架站時,可使用外掛 (如Shortpixel) 來壓縮圖片大小

精簡 HTML 文本

除了壓縮圖片大小之外,也請精簡 HTML 的編碼。很多時候精簡的編碼跟一長串的編碼,呈現的效果樣式是一樣的。所以請盡可能精簡 HTML 編碼。

以上介紹最簡單的加快網站 loading 速度的方法。站內 SEO 除了加快網站的速度之外,最基本、最直接會顯現在 GOOGLE 搜尋結果頁的正標副標更要優化。方法請見這篇:2018 後的 SEO 八部曲 3 – 老套的META TAG還是要做

 

 

 

 

推薦文章:
使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!


第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


前端工程師也該會的後端:MySQL 的 DDL DML DQL DCL


人工智慧守護浪浪安全!貓奴工程師開發AI浪貓庇護所


入門SEO課程必會!GA工作階段定義與範例一次報你災!(上)


JAVA課程選擇對,國小畢業也能輕易當上程式開發工程師!


人工智慧幫傳統甜點命名,結果卻令人笑到噴飯?!

搞定SEO小訣竅(1)-搞懂你的使用者

搞定SEO小訣竅(1)-搞懂你的使用者
搞定SEO小訣竅(1)-搞懂你的使用者

總是覺得SEO搞定很困難?掌握這些技巧,絕對能讓你事半功倍哦!(1)

「要是你連選手的身分都不是,就別想贏得這場比賽!」

這跟 SEO 優化到底有何關係? 拿籃球來做比喻好了。小明身高只有 158 公分,想成為 NBA 籃球選手。現在他心裡只專注在自己想成為籃球選手的渴望,憑著「Just Do It」這句標語,他開始努力的練習籃球技巧。

但是無論他多麼努力的練習,「最佳化」自己的籃球技巧,其他人高馬大的球員就是比他高過多個頭,小明就是只有被蓋火鍋的份。當然籃球教練不可能挑選他上場,更不用說是贏得比賽了。因為小明根本就不是打籃球的料。

「小明」+「籃球」=「不搭」

而在 SEO 的世界中,「小明」就好比你的網站、「籃球教練」就好比 Google 針對某個特定關鍵字的搜尋結果,但是你個網站不是搜尋這個關鍵字的使用者想看的網站,所以你的網站可能連被這個關鍵字收錄的機會都沒有,更別說是「贏得比賽 (排序在這個關鍵字搜尋結果的第一頁)」了。

SEO 優化師們要如何尋找搜尋者想要看的網頁呢?

舉例來說,今天你是運動補給品廠商。你希望使用者輸入關鍵字「買 BCAA」,就能馬上搜尋到你的網站。那你準備要優化的網頁,是單一的產品介紹網頁、還是委託其他店商販售你家產品的分類頁面、或是介紹 BCAA 用途的教學網頁、還是自己官網的部落格?

你搜尋了關鍵字「買 BCAA」,結果如下圖:

你發現:電商網站的商品分類頁佔了 4 頁、知識型的部落格網站佔了 3 頁、論壇有 2 頁。所以會想買 BCAA 的人大部分會想從多個購物網站進行多品牌比較,更勝於指定單一品牌的產品。

由此可以觀察出一個結論:BCAA 的目標客戶(TA)是比較沒有品牌忠誠度的。他們常會在 momo、蝦皮、露天、PChome、Yahoo 等網路購物電商平台上做多品牌的比較。

此時,SEO 優化策略的第一順位,就是針對提供給這些電商網站的文圖,做內容型的 SEO 優化。這意味者你們的行銷團隊必須寫出更吸引人的文案、標題等以及更吸引人的圖片,才可以讓產品在眾多同業的產品之中勝出。

你也可以參考同業當中最暢銷的品牌,他的定價策略與文案風格來優化整個產品的銷售策略──這時就不只是 SEO 的工作了。

另外,因為知識型的部落格網站也佔了許多位置。此時商家可以考慮跟這些部落格的寫手合作,讓這些 KOL 願意把你的產品寫入他們的部落格網站內,再貼上你網站的購買頁面連結。藉由他們的高人氣,引導眾多導訪客到你家的購買頁面下單。你的產品與網站就在這些名列前茅的部落格網站曝光了。你公司的官網 URL 也會因為被這些高權重的網站曝光,而拉抬你官網的權重。

以上所舉的例子,只是一種產品的狀況,並不代表所有關鍵字對應到的的產品/服務都如此。因此 SEO 在擬定優化策略前,可以從搜尋排名得知 TA 的輪廓,並針對 TA 的搜尋習慣來訂定 SEO 計畫。像是一些比較區域性的產品或服務(例如:駕訓班、搬家公司等),SEO 策略就可以走 Local SEO,針對會出現在 Google 地圖上的一切做優化等等。

要使用何種方式做 SEO 優化,其實沒有固定的答案。因此 SEO 需要強大的變通能力呢。

雖然 SEO 沒有標準的 SOP,但是針對單一網站的站內 SEO,還是有一些基本的原則可遵守。像是提升網頁的 loading 速度,詳情請見此篇:2018 後的 SEO 八部曲 2-你的網頁夠快嗎?

 

 

 

 

推薦文章:
使用 Java、Python、C 等 22 種程式語言寫出「Hello World」!


人工智慧守護浪浪安全!貓奴工程師開發AI浪貓庇護所


前端工程師也該會的後端:MySQL 的 DDL DML DQL DCL


第一次上程式設計課程該選 Python 還是 Java?有什麼差別?


入門SEO課程必會!GA工作階段定義與範例一次報你災!(上)


人工智慧結合換臉特效,細緻程度高達百萬畫素!(上)


人工智慧竟然能當新聞編輯?!上線一個月卻搞烏龍?!(上)

Java跟其他程式語言如何寫出Hello World?

Java跟其他程式語言如何寫出Hello World?
Java跟其他程式語言如何寫出Hello World?

究竟Java和其他的程式語言是如何寫出Hello World?跟著小編一起認識吧!

「Hello World」幾乎是每一個剛接觸程式設計課程的人,第一個碰到的語句。不管你學的是台灣「市佔率」稱霸的 Java、還是未來炙手可熱的人工智慧首選 Python,只要是程式設計課程,幾乎都是從「Hello World」學起。

推薦閱讀:Python 不是蟒蛇、Java 就是咖啡?看看程式語言命名起源多奇葩

以下整理出「Hello World」使用不同程式的語言的寫法:

Java

Java 的特殊之處在於它經過專門設計,因此您可以編寫一次代碼,然後可以在任何操作系統上運行,為各大科技公司所愛用。所有 Android 的 App 都是經過 Java 編寫的。

class HelloWorldApp {
                        public static void main(String[] args) {
                            System.out.println("Hello World!"); // Prints the string to the console.
                        }
                    }

C

世界上最重要的程式語言。它是編寫 Windows,MacOS,iOS 和 Android 等操作系統以及瀏覽器和 Unity3D 遊戲開發的工具。它的語法影響了無數其他程式語言。

#include <stdio.h>

                    int main(void)
                    {
                        printf("hello, world\n");
                    }

C++

性能接近 C,並在許多重要專案(如 Chrome 瀏覽器)中使用。C++ 旨在使一種語言,更容易於構建大型項目,同時仍保持快速高效。

#include 

                    int main()
                    {
                        std::cout << "Hello, world!\n";
                        return 0;
                    }

C#

在 Microsoft 構建.Net 虛擬機時創建。 C# 是 Microsoft 首選的程式語言。

using System;

                    class Program
                    {
                        static void Main(string[] args)
                        {
                            Console.WriteLine("Hello, world!");
                        }
                    }

CAML (OCAML)

一個功能導向的程式語言。它被用於 Facebook 上許多較小的項目。Facebook 的 Hack 語言的編譯器就是用 OCAML 編寫的。

print_endline "Hello, world!";;

COBOL

在大型電腦時代曾經非常熱門,現在普遍度不如當年,許多 COBOL 程式正在被移植到其他語言。

 IDENTIFICATION DIVISION.
                           PROGRAM-ID. hello-world.
                           PROCEDURE DIVISION.
                           DISPLAY "Hello, world!"

DELPHI

在 90 年代中期至後期,它因為被用於編寫 Windows 程式而受到許多工程師的喜愛。而現在 Windows 已不再使用 DELPHI,但是仍然很受歡迎。

procedure TForm1.ShowAMessage;
                    begin
                      ShowMessage('Hello World!');
                    end;

FORTRAN

創建於 1950 年代,在大型電腦上運行,可以說是非常適合數字與科學工作。它目前仍是科學界的標準。

program helloworld
                         print *, "Hello world!"
                    end program helloworld

GO

Go 是在 Google 上創建和使用的,語法最接近 C 語言,目的是為了在多核心處理器、網路機器(networked machines)、大型數據庫(codebases)的情況下,擁有高的開發效率。當時在 Google 的工程 師們想要集合其他程式語言的優點開發而成。有 C++ 的靜態型別和執行時效率、Python 的可讀性

package main

                    import "fmt"

                    func main() {
                        fmt.Println("Hello, World")
                    }

GROOVY

Java 運行時間運作的動態腳本語言。大多數 Java 代碼也可以作為 GROOVY 代碼運行,但是 GROOVY 代碼可以更緊湊,因為它不需要做 Java 要做的所有事情。

println "Hello World"

JAVASCRIPT

JavaScript 是世界上最常見的程式語言,主要是因為每次使用瀏覽器瀏覽網頁時,都會使用它。 JavaScript 是使網頁語使用者之間有互動的原因。

console.log("Hello World!");

MACHINE CODE

機器碼是可以發送給 CPU 的最低級別的指令。機器代碼不是人類可讀的代碼,人類只能在其中做一些瑣碎的事情,但是所有軟體最終都會在被發送到 CPU 之前,變成機器代碼。

b8    21 0a 00 00   #moving "!\n" into eax
                    a3    0c 10 00 06   #moving eax into first memory location
                    b8    6f 72 6c 64   #moving "orld" into eax
                    a3    08 10 00 06   #moving eax into next memory location
                    b8    6f 2c 20 57   #moving "o, W" into eax
                    a3    04 10 00 06   #moving eax into next memory location
                    b8    48 65 6c 6c   #moving "Hell" into eax
                    a3    00 10 00 06   #moving eax into next memory location
                    b9    00 10 00 06   #moving pointer to start of memory location into ecx
                    ba    10 00 00 00   #moving string size into edx
                    bb    01 00 00 00   #moving "stdout" number to ebx
                    b8    04 00 00 00   #moving "print out" syscall number to eax
                    cd    80            #calling the linux kernel to execute our print to stdout
                    b8    01 00 00 00   #moving "sys_exit" call number to eax
                    cd    80            #executing it via linux sys_call

MATLAB

程式和語言的結合,用於數據分析和開發演算法。在教育中,用於教授線性代數和數值分析。在從事圖像處理工作的科學家中也很受歡迎。

CloudDeploy["Hello, World"]

NODE.JS

與其說是一種程式語言,不如說是一種運作環境,它可以在伺服器端而不是瀏覽器上運行 JavaScript。本來是為了是證明異步編撰程式對多核心的 CPU 更好,而現在被廣泛應用於大型網頁前端開發。

console.log("Hello World!");

PERL

Perl 擅長處理在文本,是早期建構動態網站的熱門選項。

print "Hello, World!\n";

PHP

PHP 普遍用於網站後端開發,Facebook 和 WordPress 就是用 PHP 編寫的。最後 Facebook 決定創建自己的 PHP 語言,稱為 Hack。

<?php echo "Hello, World";

Python

以精簡的編碼而竄升成為最受工程師歡迎的語言,目前是人工智慧、金融科技、網路爬蟲等當代熱門項目的首選。目前受歡迎的程度已跟 Java 不相上下。

推薦閱讀:Python 首度把 Java 踢出前兩名外!本季 RedMonk 程式語言排名狀況

print("Hello World")

R

統計、科學界的首選語言。

cat("Hello world\n")

推薦閱讀:Python vs R 語言:哪個比較適合人工智慧/機器學習?

RUBY

旨在成為一種高效有趣的語言來使用,強調人的需求超過電腦的需求。 Rails 網路框架是為 Ruby 編寫的,對網路框架設計產生了巨大影響。 Ruby 目前被廣泛用於創建網站使用。

cat("Hello world\n")

SCRATCH

一種視覺化的程式語言,目的在於讓孩子通過撰寫程式來學習技能。還有 Scratch Jr.,適合 5-7 歲的孩子使用。全世界數以百萬計的學校都使用這兩種語言。

puts 'Hello World!'

SWIFT

蘋果公司所開發的新語言,並且正在推廣以取代 Objective-C 在其平台上使用。目的在成為一種易於學習和使用的語言,而且不會失去 Objective-C 的性能。

say Hello, World!

推薦閱讀:科幻迷必看!你能分得出電影中的程式語言是Python,Java嗎?

 

 

 

 

 

推薦文章:
人工智慧貓砂盆 – 因愛貓腎病過世 工程師研發預防性貓用醫療品


暴躁老人唱情歌、憂鬱阿嬤笑了!4個翻轉家庭的人工智慧 讓家更溫暖


人工智慧又寫歌了!這次是跟重金屬天團 Metallica 致敬


Facebook 開源 Python 語言的安全與隱私工具 Pysa


猶豫是否轉行Java工程師?業務主管分享親身經歷!!


Python與R語言究竟哪個最適合機器學習?(上)


選對Java課程,讓你業務轉行程式設計師不再心驚驚!

學會這些技能讓前端工程師更加分-MySQL基礎教學

學會這些技能讓前端工程師更加分-MySQL基礎教學
學會這些技能讓前端工程師更加分-MySQL基礎教學

前端工程師如果可以學會這些MySQL技巧可以更加分!

對於前端工程師來說,MySQL 可以說是屬於後端工程師的技能。但是如果前端工程師也略懂 MySQL 的話,不管是求職上會有莫大幫助。

因為在人力銀行網站搜尋前端工程師的職缺,會發現有些公司會把 MySQL 列為前端工程師的必備技能。通常 (非全部) 擁有 MySQL 技能的前端工程師獲得高薪的機會較大。多一項能力,調薪的籌碼就越大。

推薦閱讀:前端工程師的學習路線圖整理

我們就直接切入基礎的 MySQL 教學!本篇最主要先介紹一下資料庫 4 大基要語句,他們分別是定義資料庫的 DDL (Data Definition Language)、操作資料庫的 DML (Data Manipulation Language)、控制資料庫的 DQL (Data Control Language) 與查詢資料用的 DCL (Data Query Language)。簡介如下:

資料庫定義語言 – DDL (Data Definition Language)

定義資料庫的結構,常見語句有 CREATE、DROP、ALTER。

DROP

丟棄或刪除資料庫。寫法如下:

刪除一個「已經確定存在」的資料庫:

DROP DATABASE 資料庫名稱;

範例:

DROP DATABASE xz;

刪除一個「不確定是否存在」的資料庫:

DROP DATABASE 資料庫名稱; 

範例一. 在不確定名為「xz」的資料庫是否存在的狀況下,刪除 xz 資料庫:

DROP DATABASE IF EXISTS xz;

在cmd操作MySQL刪除資料庫

▲ 在命令提示字元使用 MySQL 的 DROP DATABASE 語法

CREATE

創建資料庫或表格。寫法為:

CREATE DATABASE 資料庫/表格名稱;

範例一、創建名為 "xz" 的資料庫:

CREATE DATABASE xz;

範例二、創建名為「FrontEndElements (網頁元素)」的表格,表格有兩個欄目,分別為「element(元素)」、「usage(用途)」;又令「element」的內容限制為 10 個字元、「usage(用途)」則為 32 字元,代碼如下所示:

CREATE TABLE FrontEndElements(`element` VARCHAR(10),`usage` VARCHAR(32));

註:MySQL 本身內建一些具有特定功能的保留字,這些保留字中包含「usage」,與我們欲建的欄目名稱同名,會令 MySQL 混淆導致無法建表 (如下圖)。

在cmd操作MySQL創建的欄目名稱與保留字重複而無法建表

▲ 在命令提示字元使用 MySQL 創建的欄目名稱「usage」與保留字重複,而導致無法建表。

為了區分,因此加了反引號,為「`usage`」。

其實 MySQL 教學中的保留字很多,前端工程師不可能每個都記熟。所以寧可在每次創建表格時,都在欄目名稱的左右側加上反引號。如下圖所示:

在cmd操作MySQL創建名為「FrontEndElements」的表格

▲ 在命令提示字元使用 MySQL 創建名為「FrontEndElements (網頁元素)」的表格,表格有兩個欄目,分別為「element(元素)」、「usage(用途)」;又令「element」的內容限制為 10 個字元、「usage(用途)」則為 32 字元

資料庫操作語言 – DML (Data Manipulation Language)

INSERT

新增資料到資料表中。寫法如下:

INSERT INTO 資料表名稱 VALUE('值一','值二');

範例、今天要新增 4 個內容到上述的 "FrontEndElements" 表中,對應的欄目分別為'element'、'usage':

INSERT INTO FrontEndElements VALUE('HTML','管理網頁的架構');
INSERT INTO FrontEndElements VALUE('CSS','管理網頁的外貌');
INSERT INTO FrontEndElements VALUE('JavaScript','管理網頁的內容以及使用者的操作行為、互動');
INSERT INTO FrontEndElements VALUE('MySQL'

在cmd操作MySQL創建4個內容

▲ 在命令提示字元使用 MySQL 創建 4 個內容,內容的值對應到兩個表格欄目「element(元素)」、「usage(用途)」。

下圖為從 MySQL教學 叫出表格「FrontEndElements」的所有內容。指令稍後在本文 DQL 段落會講解。

在cmd操作MySQL觀看表中內容

▲ 在命令提示字元使用 MySQL 觀看 FrontEndElements 表中所有內容

UPDATE

更改資料到資料表中。寫法如下:

UPDATE 資料表名稱 SET 欄位名稱='更新後的內容' WHERE 條件敘述;

範例、今天將上述的表格中,'JavaScript' 的 'usage' 修改為 '管理網頁的互動與動態內容'。如下所示:

UPDATE FrontEndElements SET `usage`='管理網頁的互動與動態內容' WHERE element='JavaScript';

在cmd修改MySQL其中一個內容

▲ 在命令提示字元使用 MySQL 將「JavaScript」的 `usage`欄目中,內容改為 '管理網頁的互動與動態內容'。

DELETE

刪除資料表中的資料。寫法如下:

DELETE FROM 資料表名稱 WHERE 條件敘述;

範例、今天將上述的表格的 'SQL' 刪掉,寫法如下所示:

DELETE FROM FrontEndElements WHERE element='SQL';

在cmd刪除MySQL其中一個內容

▲ 在命令提示字元使用 MySQL 將名稱為「MySQL」的 整欄刪除。

資料庫查詢語言 – DQL (Data Query Language)

查詢資料使用,不會對資料產生任何更動的語句。指令只有一種:

SELECT

撈出表中的資料,例如我們要撈出上述表格的所有內容,寫法如下:

SELECT * FROM  FrontEndElements;

在cmd操作MySQL觀看表中內容

▲ 在命令提示字元使用 MySQL 觀看 FrontEndElements 表中所有內容

資料庫控制語言 – DCL (Data Control Language)

控制用戶權限,例如把某個電商網站的管理權、上架權等不同層級的權限,分派給不同的員工。

GRANT

授予權限

REVOKE

收回權限

上述提到的 MySQL 語句種類,前端工程師只須看得懂 DDL、DML 與 DQL 就好。下一篇文章會講述 MySQL 中文亂碼的解決方式。請想提升技能的前端工程師記得多多關注我們的知識庫哦,一定對你們有所幫助!


 

 

 

 

推薦文章:
人工智慧又寫歌了!這次是跟重金屬天團 Metallica 致敬

暴躁老人唱情歌、憂鬱阿嬤笑了!4個翻轉家庭的人工智慧 讓家更溫暖

Facebook 開源 Python 語言的安全與隱私工具 Pysa

人工智慧貓砂盆 – 因愛貓腎病過世 工程師研發預防性貓用醫療品

人類釀酒竟被人工智慧超越?!還有什麼是人工智慧不會的?(上)

機器學習該找誰?Python還是R語言?(上)

新聞編輯換”人工智慧”做!上線不久卻出包?!(上)