我已停止为页面徽标插入“img”标签。因为它不是内容一部分的图像，它是一个设计元素，但它仍然是我想要控制的信息。所以我只是将标题写在“a”元素中作为显示：块，溢出：隐藏，然后用一些填充将文本推出。我认为这对于 SEO 来说是一个很好的解决方案，因为您可以控制徽标在页面上的重要性。
但现在我的困境开始了。一个页面的标志有多重要？
“列表分开”将徽标放在 h1 元素中。但是标志真的那么重要吗？在文章页面上，您有两个 H1 元素（徽标和文章标题） 大多数网站只使用 img balbal /a，但我不喜欢这种解决方案。因为我只想对属于内容一部分的图像使用 img...
这是一个哲学问题，我希望你能给我一些意见或一些文章来阅读……
【问题讨论】：
这样想：“如果残疾人访问该网站，文本转语音浏览器应该如何翻译页面？”。
您是否希望文字转语音将徽标作为图像提及？如果是：徽标应该是带有提供文字描述的标题的 img。如果没有：使用任何替代没有图像作为内容。
您想强调页面标题、文章时间和徽标的重要性吗？
我想我会的
img（这样它也会被打印出来，如果您使用背景图片，情况并非总是如此）alt”属性）company - page title”h1。我觉得它也应该提供不错的 SEO 结果。
【讨论】：
对于首页来说，logo是一个非常重要的标题。
<h1><img src="/logo" alt="ACME inc."></h1>
…它是内容的一部分，不是装饰性的或背景的一部分。
对于其他页面，它不是。
<div><a href="/"><img src="/logo" alt="ACME inc."></a></div>
<h1>Products</h1>
【讨论】：
<img> 标签而不是文字，我会投票赞成。
img 元素的有效使用。
您的徽标代表您的品牌标识。这是您希望访问者记住的一件事（如果他们喜欢您的网站，那就是）。
我个人建议始终在 <h1> 标记中为您的徽标使用 CSS 图像替换技术，因为您希望搜索引擎将其识别为您的生计。您希望确保您的公司名称名列前茅。这将帮助您到达那里。
h1#logo { height: LOGOHEIGHTpx; width: LOGOWIDTHpx; text-indent: -999em; overflow: hidden; background: transparent url('/path/to/logo.gif') 0 0 no-repeat; }
【讨论】：
问：-网页上的网站徽标有多重要？ 答：-非常重要！ :)
【讨论】：
我更喜欢将徽标放在 H1 中并隐藏网站名称。徽标是网站身份的重要组成部分，但它通常也是“主页”链接......所以它非常重要！
编辑：代码片段时间！！
<h1><a href="/" id="logoLink">my company</a></h1>
在链接上带有背景图片（并显示具有设置宽度和高度等的块）
【讨论】：
作为一个老搜索引擎的人，徽标本身并不是页面的真正含义。我通常把它（img 或 text）放在一个样式化的 div 中。页面特定用途的标题通常是您要包装在 H1 中的内容。这通常与 TITLE 相同，但我通常会在标题上添加“| SiteName.com”，以便网站名称清楚地显示在结果列表中。
【讨论】：
我总是这样做：
HTML：
<h1 id="logo"><a href="#">Company Name (with tagline, if any)</a></h1>
CSS：
#logo a {
float:left;
width: ...px;
height: ...px;
text-indent:-1000em;
background: url(/path/to/image) no-repeat;
}
您可以在内页上将 H1 替换为 H2、H3 等，但我更喜欢尽可能保持标题（和其他部分）一致。
【讨论】：
我认为让您的<h1> 标签匹配（或包含）与页面的<title> 相似的文本是一种很好的做法。出于这个原因，我认为以下模式是一个很好的模式：
<title>Your Site Name Here</title>
...
<h1 id="logo">Your Site Name Here</h1>
在其他页面上：
<title> Article Title Here | Your Site Name Here</title>
...
<div id="logo"><a href="/">Your Site Name Here</a></div>
...
<h1>Article Title Here</h1>
在div#logo 中嵌套<a> 标记允许您拥有与徽标显示不同的点击区域。例如，如果您有一个较宽的阴影或其他没有意义的可点击元素，则a 可能小于div#logo 并有助于解决此问题。
【讨论】：
10 年前，当我第一次访问一个新的搜索引擎时，我只看到一个文本框和顶部的徽标，上面写着“google”。网页很普通，没有很多 html 元素，实际上只有一个文本框和一个徽标，但由于徽标和出色的搜索结果，我始终记得该页面。 标志很重要，很重要
【讨论】：
看看这个页面的顶部。在这个网站上的任何地方，你都不能在角落里看到“堆栈溢出”标志。
我会说，在我定期访问的网站中，至少 90%（可能更多！）都有重复出现的徽标。营销是一种病态和扭曲的东西，但如果有这么多网站都在这样做，那可能并没有太大的错误。
从视觉的角度来看，徽标至关重要——它是页面标识的一部分，用户会将其与内容相关联。这几乎是难以察觉的事情，但我知道如果我没有在内容页面的顶部看到徽标，这对我来说几乎是不专业的设计！这是一个微妙的事情。确保用户知道他们在哪里以及他们在看什么；形成心理联系。
是的，搜索引擎结果很重要，但这并不意味着徽标是一次性的。
【讨论】：
我以前也做过同样的图像替换，但我终于意识到这是在浪费时间。只要存在有意义的alt 属性，您就应该只拥有图像。
至于适当的标记：在主页上，我的徽标为h1，因为它是页面的标题。在其他页面上，我将它放在p 中，页面的实际标题是h1。
例如首页是：
<div id="header">
<h1><img src="logo.jpg" alt="HyperGlobalMegaCorp"></h1>
</div>
<div id="content">
<h2>Welcome to the HyperGlobalMegaCorp website</h2>
</div>
而联系页面是：
<div id="header">
<p><img src="logo.jpg" alt="HyperGlobalMegaCorp"></p>
</div>
<div id="content">
<h1>Contact HyperGlobalMegaCorp</h1>
</div>
...在一些狂热者开始关闭 img 元素之前，这是 HTML，而不是 XHTML；-)
【讨论】：
alt 是在图像无法渲染时使用的替代内容：w3.org/TR/1999/REC-html401-19991224/struct/… 而title 提供“咨询信息”：w3.org/TR/1999/REC-html401-19991224/struct/… 一般来说title 是文本重要性较低（即用户从未真正看到或听到它并不重要），这可以从它始终是可选的事实证明，而 alt 在 img 和 area 元素上是强制性的。跨度>
我同时使用徽标图像和文字来改善我网站上的 SEO
<h1 id="pageheading"><a href="http://mysite.com" title="site description">
<span>Site name</span><img src="mylogo.gif" alt="my brand" />
</a></h1>
然后我使用 css 格式化显示，因此访问者只能看到我的徽标，但 SE 可以看到为 2 种搜索 text 和 image 生成双重搜索结果的两者。使用搜索的图像是您网站的品牌，当访问者看到您的徽标时，他们会想到您的网站、您的产品、HP、IBM、DELL 等服务......在其他情况下，您可以制作更多段落标签关于您网站的描述，以集中您网站中的一些关键字。
我的语言不好，但还是想和大家分享一些知识，语法错误请不要笑我:)
【讨论】：
感谢您的意见，它对我帮助很大。这是我对您所有答案和想法的总结：
这取决于您的编程风格和个人理念如何在技术上实现您的徽标。有些人在 H 标签中使用 IMG，有些人隐藏了他们曾经使用过的标签的内容，并将徽标作为背景图片。
但我想我已经得到了答案：
将网站视为书籍或杂志。在封面上，您希望将书名作为最重要的元素，也许还有一些标题。但是在媒体内部，您将在页眉和页脚中实现您的书/杂志标题。
为了让文本导航器或搜索引擎能够理解这一点。我现在会选择一个 h1 标签来将我的徽标放在主页/主页上。但在其他页面上，一个简单的 IMG、A 或除 H 之外的任何标签。
请分享您对我的结论的看法。
【讨论】：