当前位置: 首页 > Web前端 > HTML

前端进阶系列(一):SEO与HTML语义

时间:2023-04-02 23:22:09 HTML

基本概念SEO:(SearchEngineOptimization)意为搜索引擎优化。搜索引擎优化是利用搜索引擎的搜索规则来提高目标网站自然排名的一种方式。说白了,就是品牌的自我推销,从而获取利益。HTML语义:根据内容结构的语义,选择合适的标签(代码语义),方便开发者读写更优雅的代码,也有利于SEO优化。使用SEO和语义的目的前面也解释过:SEO是为了品牌的自我宣传,从而获得利益;语义的目的:页面也可以在没有css、代码结构的情况下呈现出良好的内容结构;提升用户体验:比如title和alt用来解释名词,解释图片信息;有利于SEO优化:与搜索引擎建立良好的沟通有助于爬虫抓取更有效的信息,而爬虫依靠标签来确定每个关键词的上下文和权重;方便屏幕阅读器、盲人阅读器、移动设备等其他设备解析;语义更具可读性,便于团队开发和维护。语义和SEO的重要性Google、Yahoo和Bing同意解析http://schema.org中列出的标签。原因其实很简单,因为schema标签对于搜索引擎来说非常重要。目前搜索引擎的发展趋势是全能化和简单化,让用户在最短的时间内获得自己想要的信息,让用户在点击搜索结果之前获得足够的信息来做出判断。例如谷歌通用搜索,谷歌会根据你搜索的关键词,推荐网页、新闻、图片、视频、音乐、产品、地图、本地结果、实时结果等。比如谷歌onebox,谷歌会根据某些特定的指令直接给出有针对性的结果。现在您可以直接在搜索引擎上查看天气和查询航班。还有谷歌前段时间推出的网站截图预览、snippets列表等。Google的目标是整合所有资源,以便用户可以轻松访问它们。资源种类繁多,文字目前可以被搜索引擎完全识别,但是图片、flash、音乐、视频搜索引擎无法识别或只能识别一小部分,所以以目前的技术还不能整合网站呈现的所有资源,需要用户的配合。我想这就是语义标签出现的意义。搜索引擎希望每个网站对不同的资源进行标记,并用搜索引擎容易识别的标签来标记,这样有助于搜索引擎对它们进行判断和分类,更好地在搜索结果中呈现出来。从SEO的角度来看,对搜索引擎重要的就是对SEO重要的。网站如果按照schema上的规则重写代码,有利于搜索引擎抓取信息,对网站内容在搜索结果中的呈现有很大帮助,能适应发展搜索引擎的趋势。也许对某些关键词的排名不会有明显的影响,但从长远来看,对于从搜索引擎获取流量应该会有很大的帮助。HTML5的革新——语义标签W3C定义了这些语义标签,不可能完全满足我们有时的设计目标,就像制定的法律不可能传100年不变,更何况它只是被制定的时间很短,这些语义标签不可能适应所有的设计目标。只是在一定程度上“通用”而已。我们的目标是让爬虫了解重要的事情。结论:不能因为有了HTML5标签就抛弃div,任何东西都有它独特的作用。参考文章:理解HTML语义的创新HTML5——语义标签(一)语义标签对SEO有多重要?重要性体现在哪里?