image - 徽标文字与图像

Question

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

例子：

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

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

Answer 1

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

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

a<title>和 an<h1>至少部分相等的页面更有可能获得良好的搜索结果。

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