徽标文本与图像

Question

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

示例：

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

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

Answer 1

使用文本而不是图片的一个很好的理由是搜索引擎优化(搜索引擎优化)。

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

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

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