徽标文本与图像

Question

现在，我看到很多网站都使用文字标识替换图片标识。我们网站上的文字和图片有什么不同？如果您有任何想法请分享。

示例：

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

检查上述两个网站的徽标元素。我看到他们使用文字而非图像作为徽标。

Answer 1

使用文本而不是图像的一个很好的理由是SEO（搜索引擎优化）。

搜索引擎会在<h1>元素中查找文本，作为页面所包含内容的最强指标之一。如果您没有<h1>元素，或者它只包含图像，搜索引擎将不太确定该页面包含的内容。

<title>和<h1>至少部分相等的网页，有更好的机会获得良好的搜索结果。

将一个漂亮的图像作为徽标并仍然将文本呈现给搜索引擎的一种方法是将文本放在<h1>元素中，然后使用CSS隐藏文本并显示图像。