• 40.SEO----前端该懂的seo技巧


    SEO要点:
    1.语义化html标签,用合适的标签嵌套合适的内容,不可过分依赖div,对浏览器更友善就能更容易被抓取。
    2.重要的内容html代码放在前面,放在左边。搜索引擎爬虫是从左往右,从上到下进行抓取的,利用布局来实现重要的代码在上面
    3.重要内容要写在html架构里面,蜘蛛不会抓取js的内容,
    4.尽量减少使用iframe,因为蜘蛛不会抓取iframe的内容。
    5.为图片img加上alt属性,加了alt就不必加title了,避免搜索引擎认为我们恶意优化。alt能让图片没加载时都能有文字提示。
    6.需要强调的地方加上title,本页面内跳转a标签内也要加title。
    7.重要的地方可以保留文字,有些地方必须用图,但是蜘蛛不会爬img,这时应该设置文本,再用缩进隐藏的方法去掉文字,例如logo的优化就是这样做的。注意隐藏不能用display:none,蜘蛛不会检索display:none的内容,应用这个方法的标签一般是logo,标题等重要信息
    8.尽量做到js、css、html的分离,不要在html中写样式代码。
    9.注释的东西能去掉应该去掉,对搜索引擎更加友好
    10.css放在头部,js放在尾部,尽量使用外链或者工具对css和js进行压缩
    11.减少http的请求,使页面更快加载。
    12.使用本地缓存更快地访问网站,使用cdn网络,加快用户访问速度。
    13.使用G-ZIP压缩,浏览速度更快,搜索引擎抓取信息量更大

    ####关键一点是头部的title,description,keyword的设置。
    1.title设置不宜过长,要简短,网站的名字与相关的小内容,一般为10-20个字。不能重复
    2.keywords设置10个关键词,没个词不能太长,简短且符合你网站的特点,不能重复
    3.description,50个字内描述你的网站
    4.description写原创的话,并包含2-3个关键词比较好

  • 相关阅读:
    开发笔记 URL地址格式显示异常用pythonurllib库解决1 hello
    C#HTTP请求服务端客户端代码实现(转发)
    C# HttpClient 请求转发
    Nginx配置location详解
    ES6与JavaScript学习总结
    powershell和cmd区别
    Windows Server 2016离线安装.NET Framework 3.5
    C#通用代理http请求转发
    解决新版chrome浏览器SameSite属性cookie拦截问题
    ES6import后加花括号{}和不加花括号引用模块的区别
  • 原文地址:https://www.cnblogs.com/sqyambition/p/8804811.html
Copyright © 2020-2023  润新知