標誌文字與圖片

Question

現在，我看到很多網站他們使用文字標誌替換圖片標誌。我們網站上的文字和圖片有什麼不同？如果你有任何想法請分享。

實施例：

• http://getbootstrap.com/
• https://ghost.org/

檢查上的標誌元件，用於上述兩個網站。我看到他們使用文字而不是圖片作爲他們的標誌。

Answer 1

使用文本而不是圖片的一個很好的理由是SEO（搜索引擎優化）。

搜索引擎將在<h1>元素中查找文本，作爲頁面包含的最強指示符之一。如果您沒有<h1>元素，或者它只包含圖片，搜索引擎將不太確定頁面包含的內容。

頁面<title>和<h1>至少部分相等，有更好的機會做出好的搜索結果。

一種將圖像作爲標識並向搜索引擎呈現文本的方法是將文本放入<h1>元素中，然後使用CSS隱藏文本並顯示圖像。