我一直在使用样板.ir有时用图像替换Logo和图标的文本。.ir{background-color:transparent;border:0;overflow:hidden;white-space:nowrap;*text-indent:100%;}.ir:before{content:"";display:block;width:0;height:150%;}但现在我想开始将svgs用于我所有的图标和Logo，以及将svgs用作背景或时你无法控制svg的内部结构ie我将无法更改填充颜色。所以我想知道的是，在保持良好的标题和链接SEO的同时包含svg的最佳方式是什么？或者有什么方法可以

我正在查看文章20+ProfessionalExamplesofWebsitesUsingHTML5看到新的HTML5标签的良好语义使用，我发现这个网站http://bit.ly/bfgatc在header中的H1之前使用H2。在HTML5中可以吗？ 最佳答案 在我看来，这些都没有任何业务是单独的header，而且它们绝对不应该在中.它们是一个标题，应该在中，甚至可能在中.他们没有单独的级别；一个只是设计得比另一个大。以任何顺序使用这两者在语义上都是不正确的。所以我建议的是，而不是:.........会是:...Idesignuse

我正在为我的网站选择页面标题结构，但不确定在可访问性和SEO方面应该选择什么。将网站标题放在页面标题之后是否有好处，因为独特的部分在前面？还有其他任何好处吗？示例1:页面标题|德兰·阿扎巴尼示例2:DelanAzabani»页面标题 最佳答案 将页面标题放在站点名称前面。只有当页面标题从搜索引擎结果集链接时，他们才有可能看到该页面标题。一旦他们找到他们正在寻找的东西，他们就会点击它。通过添加您的名字，您只是在推迟(因为我们是从左到右阅读的)他们找到他们想要的东西。老实说，他们真的不在乎你的名字是什么——他们只会跳过这件事。如果您在3

我想在视觉上隐藏来自常规站点访问者的页面上的元素；但是，我意识到该元素对于使用屏幕阅读器的用户来说很重要。所以我需要以一种屏幕阅读器仍然可以访问它的方式在视觉上隐藏该元素。似乎有很多技术可以使用。例如，使用文本缩进将文本移出屏幕。在其他情况下，一些使用样式，将的高度和宽度设置为1px，然后overflowhidden。虽然从可访问性的Angular来看这些应该有效，但我担心这些技术可能会被搜索引擎视为“伪装”的情况，从而导致网站受到惩罚。解决这个问题的最佳方法是什么？这可能吗？ 最佳答案 最好的方法是使用aria-label标签上的

我正在使用渐进式增强来构建网站。这包括菜单、幻灯片等。这些元素作为无序列表包含在页面中，然后JavaScript应用格式。我的顾虑:如何避免未格式化内容的闪现，在应用格式之前无序列表是可见的？有这方面的最佳做法吗？重要提示:网站必须保持SEO友好且易于访问(这就是我首先使用渐进增强的原因)。因此，例如将无序列表的初始样式设置为display:none是不可能的。 最佳答案 使用CSS而不是JavaScript进行格式化。 关于javascript-清洁渐进增强，我们在StackOverf

我正在尝试使网站对屏幕阅读器更友好一点，在测试中我注意到屏幕阅读器上的一个常见模式非常烦人-该网站在标记中使用垂直线/竖线字符作为分隔符(例如PageName|SiteName)。当我使用VoiceOver作为屏幕阅读器进行测试时，它被读取为“页面名称垂直线站点名称”，这与站点的特定标题听起来特别奇怪。管道的最佳替代品是什么，同时对SEO没有负面影响？我已经尝试了PageName-SiteName和PageName·SiteName，它们工作正常，但我担心它们可能在某些边缘情况下有问题(例如读作“破折号”或“＆符号midot分号”)或导致SEO困惑。是否有公认的最佳实践？

如果我通过JavaScript在页面中添加内容，它是否可以被搜索引擎蜘蛛抓取并且可以被屏幕阅读器访问。对于examplethisvartip="MostcomputerswillopenPDFdocuments";tip+="automatically,butyoumay";tip+="needtodownloadAdobeReader.";$(document).ready(function(){//IFNUMBEROFPDFLINKSISMORETHANZEROINSIDEDIVWITHIDmaincontent//THENTHISWILLPUTTIPPARAGRAPHASLAST

就SEO和可访问性而言，是这是构建简单导航菜单的好方法吗？作为引用，我尝试通过Lynx测试我的所有网站，以帮助确保可访问性，并且就其在Lynx中的显示而言，s似乎是最充分的，但这真的可以用作SEO的良好经验法则吗？ 最佳答案 大多数CSS导航菜单都是作为无序列表构建的——即使是水平导航栏通常也只是无序列表，删除了项目符号并且格式有所不同。请参阅:http://www.alistapart.com/articles/horizdropdowns/因此，如果将它们用于此目的会对SEO产生不利影响，我会感到非常惊讶。

使用时HTML中的元素，您应该如何处理包含链接和其他内容(例如下例中的Logo)的导航元素？我发现自己在中包含所有内容>元素:OneTwoThree但我应该只将实际导航元素包装在中吗？？(本例中的链接)OneTwoThree这同样适用于其他一些标签，例如，如果它包含额外的数据:Articleposted:2016-09-16对比Articleposted:2016-09-16我不是在谈论代码的可读性，而是在为爬虫(SEO)和可访问性优化标记结构。编辑:标志只是一个例子。通常会有更多内容，为了简洁起见，我仅以Logo为例。 最佳答案

最好使用我们想在中使用的任何东西吗？在中应该相同？它对SEO、可访问性、可用性有好处吗？HowtodecideWhatshouldbechosentomakeheadingbold<strong>or<h3/h4/h5>?-StackOverflowHowtodecideWhatshouldbechosentomakeheadingbold<strong>or<h3/h4/h5>?SO使用这个东西。但我正在制作一个并像这样使用alttexthttp://easycaptures.com/fs/uploaded/236/7168440992