5 個 SEO 入門必懂的 Html 語法
Html 是建設網頁骨架的程式語言，不用精通到可以全程打 Code 架站的地步，但稍微的理解基本的 Html 語法，就能有效地幫助我們傳達需求給 SEO 工程師。
Html 密密麻麻好複雜？基礎觀念篇來了！
不知道你是否聽到 Coding 就開始心慌慌？ 這種燒腦的事情，不是應該是工程師的專利嗎？
為什麼學個 SEO 還要學打 Code ？
不緊張，其實 Html 相較於其他語法相當好學，據說，只要花上一個月，人人都能學好 Html ，它在 SEO 界佔據著舉足輕重的位置，簡單來說，只要有網站的存在，Html 就不會缺席。今天這篇文章看完，相信你因為害怕而跳動的心會撲通撲通變成欣喜而興奮的悸動，原來，Html 出乎意料的這麼人性化，這麼簡單好學。
首先，在認識一門學問前，我們必須看看它長什麼樣子，才能對於它有個初步印象。
「紫的、咖的、藍的……，看了就好暈……。」
如果這是你對 Html 的第一印象，那它對你來說肯定是個面惡心善的 SEO 夥伴，在認識 Html 之後，你會發現，人家完完整整，有頭又有身體，Html 其實是個樸實無華的好人。
Html 是什麼？
「逼一 逼一 逼一 ，我是 Html （HyperText Markup Language)。」
（英語：HyperText Markup Language，簡稱：HTML）
Html，顧名思義就是一種程式語言。
人和人之間可能用中文、英文、日文……交談，而我們和瀏覽器之間也需要藉由一個語言交談，才能互相溝通，而這時候使用的語言，就是 Html ，瀏覽器藉由閱讀我們撰寫的 Html 語言，讀取並了解其中的意思後，就會將其呈現成我們所看見的網頁外觀，然而，一個網頁中涉及的語法不僅僅是 Html 而已，還有 CSS 和 JavaScript，三者其中的分別在這裡先不細談，簡而言之，Html 就像網頁的骨架，是最為基礎、核心的部分，而後兩者是在骨架上點綴，讓網頁變得更有趣的裝飾。
再回頭看看那張可能不小心惹你生氣的圖，第一眼看來密密麻麻，按住不耐的心情睜大眼睛仔細觀察，你會發現， Html 主要由一個又一個的標籤組成，它就像是網頁的骨架，呈現網頁的基礎架構。
Html 的基本元素 – 標籤
一個又一個的標籤，給一段段的程式碼分組，讓瀏覽器可以快速理解每段程式碼分屬在哪些地方。而每個標籤都是有頭有尾的，頭會以 <標籤名稱> 組成，尾則會多個左斜線</標籤名稱>。
形式：<element>內容</element>
舉例：<title> 麵包屑(Breadcrumbs)是什麼？SEO 優化必備知識！ – GHMK 樂水營銷顧問 </title>
這段程式碼告訴瀏覽器我的標題叫做，瀏覽器閱讀過後就會呈現樂水營銷於瀏覽器的標題，你可以在到 麵包屑(Breadcrumbs)是什麼？SEO 優化必備知識！ 這篇文章的頁面點擊右鍵、檢視網頁原始碼後就能看到這段程式碼了。
Html 的三大部分
在琳瑯滿目的標籤中，有三個標籤是 SEO 新手一定要知道的，分別是宣告、Head、Body，因為這三個標籤在 Html 界中無所不在。
第一部分 – 宣告：告訴瀏覽器你用 Html 跟它溝通
如果不先說一聲，瀏覽器是沒有辦法理解你是用什麼語言跟它溝通的，必須先「宣告」我要用 Html 跟你說話囉，瀏覽器才知道接著的語言使用的都是 Html ，進而才能夠解讀 Html。
第二部分 – Head：網頁中的頭
網頁的頭範圍就從<head>開始到</head>結束，通常在<head>標籤中會包含網頁名稱、網頁的樣式以及網頁的相關資訊。
第三部分 – Body：網頁中的主體
Body，顧名思義就像網頁中的身體，幾乎我們在瀏覽網頁中看見的所有內容都在<body>標籤當中，文字、超連結、圖片，各種資訊多呈現在<body>當中。
Html 是我們與瀏覽器溝通會使用的一種語言，因此想要做好 SEO 優化網頁時，就必須對 Html 有一定程度的認識，其中的三大標籤：宣告、<head>、<body> 幾乎無所不在，藉由宣告可以告訴瀏覽器我們使用的語言是 Html ，<head> 則乘載的網頁中的各類資訊，像是名稱、樣式，而 <body> 包含的內容更為廣泛，平常瀏覽網頁的文字、超連結和圖片多呈現在 <body> 當中。
結語
總而言之，由於 Html 就像網頁中的骨幹，因此在做 SEO 時，接觸到 Html 就是不可避免的事情，然而，Html 並不是一門很難的學問，是相當有結構的，只要花上一個月，人人都能學好 Html ，這篇文章介紹了 Html 主要是以標籤構成，而最常見的三大部分則是：宣告、<Head>、<Body>，想要看到 Html 語法，只要在網頁中點擊右鍵、檢視網頁原始碼，就能看見了。
想知道更多 SEO 的小知識，你還可以參考以下文章：
