美文网首页
前端开发必备SEO技能

前端开发必备SEO技能

作者: 我有一个小小小小的梦想啊 | 来源:发表于2019-02-21 11:20 被阅读0次

    什么是SEO

    SEO(Search Engine Optimization)是一种方式:利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名。

    SEO 工作的目的

    为网站提供生态式的自我营销解决方案,让其在行业内占据领先地位,获得品牌收益;SEO包含站外SEO和站内SEO两方面;为了从搜索引擎中获得更多的免费流量,从网站结构、内容建设方案、用户互动传播、页面等角度进行合理规划,还会使搜索引擎中显示的网站相关信息对用户来说更具有吸引力。

    说白了seo 的工作目的是为了让网站更利于让各大搜索引擎抓取和收录,增加产品的曝光率。

    SEO 注意事项

    1. 网站 TDK 标签的设置。

    title,description,keywords,根据产品业务,概括出核心关键词作为 TDK 的内容,每个页面都不一样。如果每个页面的 keywords 都一样的话,搜索引起会持怀疑态度,觉得你有作弊嫌疑。

    案例:

    注:<title>标题:只强调重点即可,尽量把重要的关键词放在前面,关键词不要重复出现,尽量做到每个页面的<title>标题中不要设置相同的内容。<meta keywords>标签:关键词,列举出几个页面的重要关键字即可,切记过分堆砌。 <meta description>标签:网页描述,需要高度概括网页内容,切记不能太长,过分堆砌关键词,每个页面也要有所不同。

    此外,还有 meta 的 canonical 设置,一个网站还通过多个 url 访问,canonical 就是用来告诉搜索引擎,这么多个 url 中最有价值最重要的一个 url,一般是网站的首页。

    案例:

    2. 建立 robots.txt 文件。

    robots 文件是搜索引擎登录网站第一个访问的文件,robots可以设置允许被访问的搜索引擎,最主要的还是设置允许 Allow 和不允许 Disallow 访问的目录和文件,少写 Disallow,多写 Allow,用意是引导爬虫抓取网站的信息。

    另外, 在 robots 文件底部指明网站 sitemap 文件的目录,爬虫读取其中的 sitemap 路径,接着抓取其中相链接的网页。提高网站的收录量。

    案例:https://www.taobao.com/robots.txt

    3. 建立网站的 sitemap 地图文件。

    sitemap 是一个将网站栏目和连接归类的一个文件,可以更好地将网站展示给搜索引擎,提高爬虫的爬取效率。sitemap 地图文件包含html(针对用户)和 xml(针对搜索引擎)两种。

    当网站更新频繁的时候,sitemap 文件要做到自动更新(程序实现),更新不频繁的可以手动更新提交。

    案例:http://www.sitemap-xml.org/

    主要作用:

    1.为搜索引擎蜘蛛提供可以浏览整个网站的链接简单的体现出网站的整体框架出来给搜索引擎看;

    2.为搜索引擎蜘蛛提供一些链接,指向动态页面或者采用其他方法比较难以到达的页面;

    3.作为一种潜在的着陆页面,可以为搜索流量进行优化;

    4.如果访问者试图访问网站所在域内并不存在的URL,那么这个访问者就会被转到“无法找到文件”的错误页面,而网站地图可以作为该页面的“准”内容。

    使用方法:

    4. 图片 img 标签必须加上 alt 属性

    并注明图片的含义。

    案例:

    5. h1~h6 标签合理使用

    按道理所有标签都需要根据自身的语气合理去使用,这里不展开讲述,这里只讲 h 标签的注意事项。h1 标签一个页面只能出现 1 次,h2 标签一般作为二级标题或者文章的小标题。最合理的使用时 h1~h6 按顺序层层嵌套下去,不可以断层或者反序。

    此外,h1 标签可以用在 logo 上,但要确保一个网页只有一个 h1 标签。

    注:

    正文标题要用<h1>标签:“蜘蛛” 认为它最重要,若不喜欢<h1>的默认样式可以通过CSS设置。尽量做到正文标题用<h1>标签,副标题用<h2>标签, 而其它地方不应该随便乱用 h 标题标签。

    6. 设置 nofollow 属性值

    a 标签的 rel="nofollow", 表示不希望搜索引擎继续追踪的链接,取消这个链接在整站所占的权重比。一般是其他网站的链接、a 标签启动 QQ 聊天,webapp 拨打电话。

    案例:

    <a>标签:页内链接,要加 “title” 属性加以说明,让访客和 “蜘蛛” 知道。而外部链接,链接到其他网站的,则需要加上 el="nofollow" 属性, 告诉 “蜘蛛” 不要爬,因为一旦“蜘蛛”爬了外部链接之后,就不会再回来了。

    7. 安装百度的自动推送代码

    作用是当页面被访问的时候,页面的 url 会自动推送给百度搜索引擎,有利于网页更快地被百度发现。

    案例:

    8. 增加网站的 404 页面

    一个是利于用户体验,最主要的是防止蜘蛛爬虫的丢失。但有一点要注意,不要设置自动跳转到首页,会被搜索引擎认为是在作弊,你在 404 页面设置一个引导链接让用户自己点就可以。

    案例:

    相关文章

      网友评论

          本文标题:前端开发必备SEO技能

          本文链接:https://www.haomeiwen.com/subject/iqyxhftx.html