如果到國外旅遊,會幾句當地的語言是不是理所當然地會讓你適應得更快速?
想必這個答案是肯定的,懂幾句當地的語言,不僅能夠透過溝通達成日常所需,更能藉此更了解當地人的文化,也就是說,最常用的那幾句學會了,就等於開展自己的新領域了。而這個道理,到了 SEO 的世界也有異曲同工之妙,Html 是建設網頁骨架的程式語言,想要做好 SEO 的我們,並不用精通到可以全程打 Code 架站的地步,但稍微的理解基本的 Html 語法,卻能有效地幫助我們傳達需求給 SEO 工程師。
這篇文章中,我們會介紹五個 Html 語法裡最為常見的標籤,讓你的 SEO 能力更上一層樓!而在此之前,如果 Html 對你來說太過遙遠陌生,你可以看看 Html 密密麻麻好複雜?基礎觀念篇來了! 建立對 Html 語法的基礎概念,假設對 SEO 全然陌生,也可以參考一點就通,想打好底子的 SEO 新手必看!讓你的 SEO 技巧直接從零到一。
基礎中的基礎,五大入門 Html 必懂語法
俗話說:「網站根基打得好,SEO 沒煩惱!」
好吧,並沒有這句話,不過你也不能不承認這是句實在話 :),想要優化網站搜尋結果的排序,自然不能連網站最基礎的骨架都不認識,如果連根基都沒打好,要怎麼拿著自己的網站和 Google 打好關係呢? Google 最喜歡懂做內容的朋友了,好的,話不多說,就直接來認識 Html 入門必懂的五個語法吧!
1. 網頁中最醒目的頭頭:標題 <title>
「…… 要怎麼稱呼 www.google.com 這個網址啊?」
「問號……你不會看標題嗎?」
沒錯,估狗、Google、谷歌,我們會這樣叫它就是因為它的標題就是 Google ,當我們在搜尋網頁時,看到的搜尋結果也是標題,這代表著一個網頁的標題就等於是這個網站的姓名貼,我們這樣搜尋它,這樣稱呼它,當然的,Google 也這樣認識它。

有了標題的概念,就讓我們到 Html 程式碼的世界揭開 <title> 的面紗吧,在 Html 語法中,標籤通常是成雙成對的,如:<title>標題</title> ,如果你知道一個名字往往就代表一個人,取名相當重要,想必你也能理解標題相對一個網站的重要性有多大了。
2. 初來乍到,網站要來個自我介紹
你知道 <meta name=”description” content=”網頁說明” /> 在做什麼嗎?
當你估狗了一個好奇的內容 「網路行銷大補帖」,仔細看看,除了標題,下面還寫著什麼?

從「一般初學者……就來訂閱電子報吧!」這段話就像一個網站的自我介紹,認識一個人,你會先知道他們名字,接著從他的自我介紹之類的對他有更深一步的認識,而好的自我介紹會吸引人們更想認識他,對網站也是,標題讓我們預期這個網頁會呈現什麼,而網頁說明告訴我們網頁的主旨會有哪些。

除了從搜尋結果中直接看到這段文字內容,要檢查一個網頁是不是有做自我介紹,也可以從網頁中檢視程式碼,Ctrl + F 搜尋 meta name ,就能看到網站的自我介紹了。在搜尋結果中,標題以及網頁說明是唯二我們會直接看到的文字,這代表著要做好 SEO ,標題以及網頁說明至關重要,如果寫得好,就會吸引越多人點擊該搜尋結果,進而 Google 就認為這個網站符合多數搜尋者的需求,進而提升搜尋結果的排序。
3. 小標題家族們 <h1>~<h6>
想要在網頁中標示重點,無非會想要以加粗及放大文字呈現,而這就是 <h1>~<h6>標籤在做的事情了,<h1> 的重點程度最高,<h6> 的重點程度最小。老實說,<h4> 之後就幾乎不怎麼影響到 SEO 了,標注重點可以方便讀者閱讀,讓讀者在你的網站停留較久的時間,然而,過度標示重點並不是好事,一旦用了太多太多的 <h1> ,重點的重要程度也會隨之分散。
我是 H1
你是 H2
他是 H3
她是 H4
還有 H5
以及 H6
4. 下標題外還要懂畫重點 <strong>
有時候,儘管有了條列式的標題,底下的文字排版清晰,卻還是覺得美中不足。因為在密密麻麻的文字中,我們不清楚筆者想要傳達的重點是什麼,想要加強的關鍵字是什麼,而 <storng> 可以將字體改為粗體,如此一來閱讀上就更一目瞭然了。
5. 這張圖片是表示? <img src=”xxx.jpg” alt=”圖片替代文字”>
以往在架設網站時,擔心視障人士可能無法理解圖片的內容,因此往往會在圖片增加替代文字,讓視障人士可以理解圖片想要呈現的是什麼,時至今日,替代文字也作為讓搜尋引擎認識「這張圖片代表什麼?」的途徑,在圖片中加入替代文字,可以幫助搜尋引擎理解圖片,進而幫助 SEO 。
要注意的一點是,替代文字的用意真的就是用來介紹圖片內容的,假如有心人士刻意為了做 SEO 而做了圖文不符的介紹,一旦 Google 發現自己被騙了,人家也是會森氣氣將搜尋結果往後排的。
結語
<title> 與 網頁說明 讓搜尋結果中的網站有了名字與自我介紹,而<h1>~<h6>家族讓整個網站的文字長幼有序,在文字海中,可以透過 <storng> 將重點字加粗,以上這些都讓讀者可以更好的閱讀文字,吸收自己需要的資訊,除此之外,過往是為了方便視障人士理解圖片的替代文字到了今天也成為 Google 認識圖片的途徑之一,所以說,想要學 SEO ,這五個入門語法是不是真的很重要呀!
SEO 是個求新求變的技能,要跟上時代腳步,你可以看看這些: