博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
web网页前端制作中的SEO方法
阅读量:6985 次
发布时间:2019-06-27

本文共 1364 字,大约阅读时间需要 4 分钟。

  在SEO盛行的今天到处都在谈优化,对于网站前端制作人员来说,有几点是跟SEO相关

  的,也就是SEO站内优化中的一部分,下面总结几点:

  1.title,。页面的标题,不用多说,这个必须有!

  2.keywords,。为搜

  索引擎提供的关键字列表,各关键词间用英文逗号“,”隔开。页面的主关键词可以列举

  在这里。

  3.description。。告诉搜索引

  擎你的网站主要内容。虽然现在description对百度等搜索引擎排名影响不是很大,但是

  对于用户体验方面还是有用的,可以让用户了解到网页的大概内容,引导点击。

  4.robots,。告诉搜索引擎哪些页

  面需要索引,哪些页面不需要索引。Content的参数有all、none、index、noindex、

  follow、nofollow。默认是all。

  注:①是对页面上的所有链接生效,包括站内

  站外。

  ②nofollow引申:Nofollow最常用的是在a标签上加上nofollow:,告诉搜索引擎不要抓取特定的链接。a标签上加上这个属性

  可以防止权重分散到无关页面,你可以为站点的内部链接添加nofollow。比如:联系我

  们、关于我们、隐私保护、公司简介、网站后台等的链接,因为这些页面基本不需要权

  重。

  所以站长在交换友情链接的时候应当留意下与你交换链接的站点有没有在其所添加的友

  情链接上加上nofollow,或者头部是否有。

  5.H1

  文章标题

  。告诉搜索引擎这个是一段文字的标题,起强调作用。经

  验表明H1标题确实有比较大的权重,但是不可乱用,建议用在那些长期保持的关键词/词

  组,H2、H3、H4这些标题已经对搜索引擎没有多大价值了,可以在文章内加上这些标

  题突出重点,增加用户体验。

     6.alt<img src="" alt="这里可以加上关键词"/>。alt属性对搜索引擎排名也有一定

      影响,因为搜索引擎目前并不能识别图像,所以在加上alt属性,是一种对蜘蛛友好的表
      现,有助于提高排名。alt要符合图片本身的内容,同时尽可能包含页面关键词。
      7.a标签的title,<a href="" title="这里可以加上关键词"></a>。链接的提示文字,
       效果微弱,但是从细节做起总是有用的,更何况还能提高用户体验。

     8.合理的结构。网站有合理的结构,清晰的导航,可以在页面中加入面包屑,上下篇,

  相关文章等,这样整个站点之间可以相互链接,形成网状结构,利于蜘蛛爬行。

  9.代码精简,提高网页信噪比。网页信噪比指网页中的文本内容部分与生成这些文本而

  产生的html标签内容的比率。网页信噪比越高,说明页面中纯文本内容相对越多,搜索

  引擎抓取页面也越容易。使用div+css编码,外部引用css样式表及javascript文件,都

  能大幅度提高网页信噪比。

  上面列举了网页制作中的一些SEO问题,网页设计及制作人员可在建站时考虑这些元

  素,当然上面说到每一点都有比较多的学问,都值得推敲研究,那就是众多SEOer的活

  了!

转载于:https://www.cnblogs.com/xupeiyu/p/3605569.html

你可能感兴趣的文章
用 Hasor 谈一谈MVC设计模式
查看>>
IE 条件注释
查看>>
Windows热键注册(反汇编方法 查看win32api 原理)
查看>>
UNREFERENCED_PARAMETER的作用
查看>>
PHP计算表达式-栈
查看>>
IBATIS中关于iterate"$"与"#"的应用
查看>>
为什么要将对象序列化
查看>>
新增网址/网页 截图api[增加安全防护本接口已停用]源码可下载
查看>>
SpringMVC+Hibernate +MySql+ EasyUI实现POI导出Excel(二)
查看>>
刷leetcode第705题- 设计哈希集合
查看>>
dubbo协议参考
查看>>
SpringAOP拦截Controller,Service实现日志管理(自定义注解的方式)
查看>>
读《白帽子讲Web安全》之安全意识篇(一)
查看>>
GLSL三种修饰符区别与用途(uniform,attribute和varying)
查看>>
python django django-debug-toolbar 加载缓慢,不能使用。
查看>>
操作系之进程调度及算法详解
查看>>
PHPexcel实列
查看>>
Butterknife 的简单使用 和 配合 Butterknife的插件 Zelezny
查看>>
Magento利用input type=”file”上传图片
查看>>
Android音频开发(4):如何存储和解析wav文件
查看>>