HTML的10个最佳做法( 二 )


6.对图片使用alt标签alt标签为图像指定替代文本 。所以万一因为某种原因不能显示图片,就会显示这段文字 。当你的图片缺少alt标签时,搜索引擎是不喜欢的,会因此降低你的页面排名 。
 
7.每页一个h1每页仅使用一个 h1 。将最重要的文字放在此处,以描述页面的内容 。比如你的博客文章或文章标题 。每个页面使用多个 h1 标签不一定是个好主意,也不建议这样做,因为它可能会损害你的搜索引擎结果,这有助于搜索引擎正确地索引你的网站 。另外,这是W3C规范中定义的,反正你的页面内容应该由一个标签来描述,所以每页只保留一个 h1 。
8.正确使用title和meta标签为你的页面使用一个标题和适当的描述性元标签 。这些由你的本地搜索引擎人员负责,并用于为你的网站建立索引,因此,通过为他提供有用的信息来帮助他 。始终使用meta视口标签,以便根据设备的屏幕尺寸显示你的网站 。此外,还可以考虑使用open graph 标签,将你的网站链接变成社交媒体平台上的丰富内容 。
9.压缩一旦你完成了一切,你准备让你的网站上线,压缩它 。你可以使用第三方库,特殊程序或称为构建工具的工具,甚至可以使用在线应用程序 。这将使你的文档更小,从而加快页面加载速度 。要进一步执行此步骤,请在服务器端启用brotli或gzip压缩 。它会对页面速度产生巨大影响 。
10.验证你的HTML最后但并非最不重要的一点是,始终验证你的HTML 。验证器可以发现缺陷或错误的代码,从而消除它们 。你可以使用w3c validator 。在这里,你可以在上线前通过URL验证你的网站,通过上传,或者你也可以通过直接输入验证 。
比这更好的是,如果你能在提交代码之前,设置一个自动检查此类问题的linter 。
按照这10个简单的步骤,将帮助你加强你的HTML,让你的网站排名更高,带来更多流量,同时也从优化步骤中使其更快 。也会导致更多的用户互动 。最后,它不仅会授予你更多的访客,而且会有更多的快乐访客 。而这才是最重要的 。感谢你花时间阅读本文,祝你优化愉快!




推荐阅读