學習 SEO 前必備基礎知識 — HTML基礎
由於自身有在做兒童程式教育這個領域，除了教 Scratch、Micro:bit 、Python 外，網頁相關的技術也會介紹，其中 HTML 是必須介紹的內容，當然我的文章鎖定受眾對象是剛入籍的數位公民，不管你懂不懂程式，兒童還是大人，我覺得任何領域一定要從基礎開始說明，首先，當然是認識何謂 HTML，HTML 是 超文本標記語言（HyperText Markup Language）的縮寫，完全聽不懂對吧？說實在也不好記，但是你只要記得 HTML 這四個字母就可以，基本上它就是讓你的網頁瀏覽器能夠讀懂後呈現內容給你看的語言，它並不能算作是程式語言，而是一種標示語言。
當你的網站想要做 SEO 時，一定有查過很多的文章，或者找 SEO 顧問公司，這些專家一定會建議針對網頁頁面進行一些調整，其中一定會有很多關於網頁標籤的一些建議，通常，一般人，或許聽過 HTML，但是很少有人會看過實際的語法，什麼？，怎麼可能？沒錯，不信的話，你可以去問問周遭的人有幾個懂得 H1 標籤，有幾個又懂 meta 標籤呢？就算懂一些，也不一定對整個 HTML 架構感到熟悉，因此對於關鍵字優化，總會覺得是買關鍵字增加點擊率這樣的事，這樣的事叫做 SEM，而不是 SEO了。
再來，我要怎麼去看我的網頁的 HTML 標籤呢，我又不是工程師，該怎麼知道我的網頁設計廠商，或者工程師有沒有幫我的網頁做好 SEO 呢？
HTML 基礎結構
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=, initial-scale=1.0"><title>SEO-如何入門</title></head><body></body></html>
上面這段編碼就是 HTML 碼，標籤是由角括號（< >）所包圍 ，一開始是由<HTML></HTML> 這對標籤來開始，標籤內有斜線符號（/）的表示結束位置，然後接著是 <head> </ head> 這對標籤，你可以把它想成是一個身體的頭部，裡面有放了你這個人的主要特徵，所以很容易認出是你。因此 meta 標籤 還有標題標籤（<title></title>）這些有關網站內容的資訊是放在 Head 標籤裡面，有了頭部之後，接下來的架構就是 <body></body>標籤，你可以把這個想成是身體，也就是網站的主要內容。
基本上的架構就是這樣，重要的是，你只要知道在那邊可以放入合適的資訊即可，簡單吧！
如何看到我的網頁的 HTML 編碼
最後，來看看如何看你的網頁的 HTML 碼吧，你可能會疑惑，網頁的程式碼不是都是工程師在處理嗎？為何我可以看到，前面有提到，瀏覽器是讀取 HTML 語法，並將它轉譯成你可以觀看的內容，這個跟程式無關，所以大部分都是可以從瀏覽器上就可以看到，以筆者而言，我習慣使用Google 的 Chrome 瀏覽器（沒有安裝且想下載的話，建議可以從連結下載），當然微軟的瀏覽器或其他像是 Firefox 瀏覽器也都是類似的，你也可以自行找找看，這裡就不一一介紹。
在 Chrome 中有兩種方法可以看：
第一種方法：
- 打開瀏覽器後，輸入你的網址進到網站
- 在網頁上空白處（不要在圖片上）直接按右鍵，於出現的選單中選取「檢查網頁原始碼」就可以直接看到。
第二種方法
- 打開你的 Chrome 瀏覽器，輸入你的網站網址。
- 點擊右上角的這個三個點的符號。
3. 選取更多工具後點擊開發人員工具後就會出現原始碼及一些CSS設定。
