Joyzfsddt76 發表於 5 天前

页面结构和导航的注意事项



我们知道 Google 使用一些架构元素来在搜索结果中提供丰富的摘要,例如评论标记,以使星级评分出现在搜索结果中。我们不知道的是,搜索引擎在索引和围绕页面及其元素形成上下文时会关注 571 种架构类型中的多少种,以及/或者会考虑哪些 HTML 5 元素以及它们的权重如何。

无论如何,这种标记允许各种辅助设备通过不同的浏览器更好地理解和浏览内容。从 html5accessibility.com 查看通过不同浏览器对 HTML 5 元素的可访问性评分。该页面有更多有趣的细节。

5 个浏览器的 HTML5 可访问性报告分数。它们的分数为 Safari:62/100、Chrome:93/100、Firefox:89/100、Internet Explorer:35/100、Edge:40/100

语义标记的注意事项
用相关标签标记您的内容。这可能对每个人都有好处。
不要使用 div 或 span 作为按钮。div和基于 span 的按钮不可访问。如果按钮的外观和功能与按钮类似,请使用按钮。
页面结构和导航
一些 SEO 阵营可能会热衷于将源代码的正文或最重要的内容放在源代码的最开始,试图确保在 Google 离开页面之前对其进行索引,或者试图表明内容更重要。

无论你是否属于这一阵营,这对于可访问性来说都不是一个好主意。源代码内容的顺 美国手机数据列表 序对于能够以正确的顺序使用键盘轻松浏览内容非常重要。理想情况下,它看起来像:H1 标题、主导航、站点部分,然后是页脚。只要您的源代码顺序合乎逻辑,您就可以通过 CSS 进行修改。它有助于拥有良好的语义标记。

请确保您的源代码井然有序。您可以通过 CSS 进行更改,但键盘将按源代码中列出的方式浏览页面内容。
现场地图
这一点非常简单。当搜索引擎和屏幕阅读器无法辨别复杂、费解、繁琐的导航或难以访问的网站部分和页面时,带有所有部分和页面链接的简单概述站点地图可以快速轻松地提供更全面的索引和了解网站内容的解决方案。

网站地图的注意事项
如果可能的话,请提供网站地图。链接到网站的所有部分,呈现与网站相同的组织结构,并保持链接更新。
不要堆砌关键词。我们都熟悉那些在每个链接中重复网站关键词的站点地图,例如二手车阿拉巴马州、二手车阿拉斯加、二手车亚利桑那州、二手车阿肯色州。你很可能会让屏幕阅读器用户喝醉。不要这样做。


頁: [1]
查看完整版本: 页面结构和导航的注意事项

一粒米 | 中興米 | 論壇美工 | 設計 抗ddos | 天堂私服 | ddos | ddos | 防ddos | 防禦ddos | 防ddos主機 | 天堂美工 | 設計 防ddos主機 | 抗ddos主機 | 抗ddos | 抗ddos主機 | 抗攻擊論壇 | 天堂自動贊助 | 免費論壇 | 天堂私服 | 天堂123 | 台南清潔 | 天堂 | 天堂私服 | 免費論壇申請 | 抗ddos | 虛擬主機 | 實體主機 | vps | 網域註冊 | 抗攻擊遊戲主機 | ddos |