HTML & CSS 網站優化基礎，與SEO之間的關係

@ 2023-01-22

數碼營銷當中最困難且最需要用心編寫出的東西就是規劃關鍵字與創造有用的內容，當最困難的部分解決了，接著就要解決程式與外觀的部分了。

HTML和CSS是網頁設計最基礎的東西，想要利用數碼營銷賣東西，你需要有基本的相關知識，才能夠順利的在網上建立一個像樣的網頁。

建立一個快速、直覺、美觀的網站，能夠符合現在Google與使用者對於網站使用者體驗的需求，現今在設計網站時，你必須要考慮網站速度、使用者體驗、UI&UX交互設計等等，因此，從基礎打好，能夠幫助你更有效的在建構一個又美觀開啟速度又快的網站，對於使用者或搜尋引擎來說，無疑都是最佳的方式。但根據經驗來看，在 HTML 裡有可能影響 SEO 有幾個要特別留意的標籤，接下來詳情說明。

HTML 端

網站標題(Title)：在搜尋頁面(SERP)上的名稱。建議落在 27 個中文字或是 56 含空格的英數字。不宜過短或太長，並且強調重點，讓搜尋引擎或是消費者，一眼看懂這個網站所提供的服務。
網站描述(Meta Description)：使用者在搜尋時看到的網站簡介，大約 80 個中文字左右以符合搜尋引擎規格。不要過度使用關鍵字去堆疊成無意義的字詞。
善用語意化標籤：在適當的位置用合適的標籤，例如 H1 到 H6 是用於標題的，p 適用於段落的。讓搜尋引擎可以正確判讀內容，並推薦給需要的使用者。
圖片可以使用 alt 屬性加以說明當作替代文字。當圖片失效無法顯現，瀏覽器則會出現替代文字。
網頁必須要有 charset 的宣告。其實宣告對 SEO 本身沒太大影響，但如果因為沒有做好宣告，導致亂碼的問題，就會讓跳出率變高。

CSS 端

謹慎使用 display:none ：因為搜尋引擎會過濾掉 display:none 其中的內容。
網頁如果有圖文並茂並且有多媒體內容可以讓訪客的時間拉長，使用者的停留時間越久，搜尋引擎會認為這個網站正在提供有價值的服務給使用者。
網頁內應避免有隱藏連結，或是太小字或太小尺寸的圖檔連結：明明網頁存在的內容，卻設計為隱藏，會被搜尋引擎視為欺騙，進而影響排名。白色的背景用白色的文字。將文字的字體大小設為零。將連結至於非常小的文字或是圖片上。
在網頁上設計方便的社交按鈕，透過有效分享提升在搜尋引擎上的可信度。