我已经停止为页面的徽标插入"img"标签.因为它不是作为内容一部分的图像,它是一个设计元素,但它仍然是我想要控制的信息.所以我只是在一个"a"元素中将标题写为display:block,overflow:hidden,然后用一些填充推出文本.我认为这是SEO的一个很好的解决方案,因为你可以控制徽标在页面上的重要性.
但现在我的困境开始了.页面的标识有多重要?
"列表分开"将徽标放在h1元素中.但徽标真的那么重要吗?在文章页面上你有两个H1元素(徽标和文章的标题)大多数网站只使用img balbal/a,但我不喜欢这个解决方案.因为我只想使用img作为内容的一部分的图像......
它有点哲学问题,我希望你能给我一些意见或一些文章来阅读...
对于主页,徽标是一个非常重要的标题.
<h1><img src="/logo" alt="ACME inc."></h1>
Run Code Online (Sandbox Code Playgroud)
...它是一个图像,是内容的一部分,它不是装饰或背景的一部分.
对于其他页面,它不是.
<div><a href="/"><img src="/logo" alt="ACME inc."></a></div>
<h1>Products</h1>
Run Code Online (Sandbox Code Playgroud)
可以这样思考:" 如果残疾人访问该网站,文本到语言浏览器应如何翻译页面? ".
您是否希望文本到语音将徽标作为图像提及?如果是:徽标应该是带有标题的img,提供文字说明.如果不是:使用任何替代品,不要将图像作为内容.
您想强调页面标题,文章时间和徽标的重要性吗?
我猜我会的
img徽标(这样它也打印出来,如果使用背景图像,情况并非总是如此)alt描述徽标和公司的漂亮标题(带有" "属性)company - page title"h1.我觉得它也应该提供体面的搜索引擎优化结果.