在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的活

  了!

web网页前端制作中的SEO方法的更多相关文章

  1. WEB前端开发中的SEO注意点

    近几年来,SEO在国内得到了蓬勃的发展,其中很多的SEO技术越来越体现在web前端的一些细节上.要做好SEO,WEB前端这一块也要做必不可少的优化. 这就要求我们WEB前端工程师在开发页面的时候,要写 ...

  2. 说说前端开发中的SEO

    SEO(Search Engine Optimization),就是传说中的搜索引擎优化,是指为了增加网页在搜索引擎自然搜索结果中的收录数量以及提升排序位置而做的优化行为.我认为这是一门说来简单,但操 ...

  3. 前端开发中的SEO

    什么是SEO SEO由英文Search Engine Optimization缩写而来,中文意译为"搜索引擎优化".SEO是指从自然搜索结果获得网站流量的技术和过程,是在了解搜索引 ...

  4. Web网页树形列表中实现选中父节点则子节点全选和不选中父则子全不选

                需要实现的功能:选中父节点对应子节点全选:不选中父节点,对应子节点也不选中 如下图所示,选中车队,对应车队中车辆也全部选中,以实现车队中所有车辆在地图上的显示. 选中cqupt ...

  5. 前端制作中,IE6还有必要兼容吗?

    国内市场对IE 6~7支持还有一定需求,但对于一个前端开发者,我们应该去推动这个行业向前发展,而不是一味迁就.妥协. 曾经,能够提供支持老版本 IE 是一个前端开发者的必备技能.随着移动互联网大潮来临 ...

  6. 《SEO在网页制作中的应用》视频笔记

    学习了慕课网<SEO在网页制作中的应用>视频,今天将里面的知识整理一下. 一.SEO介绍 1.  搜索引擎工作原理 搜索引擎现在主流有百度.谷歌.360,他们都有庞大的搜索引擎数据库,每个 ...

  7. 初学者Web介绍一些前端开发中的基本概念用到的技术

    Web开发是比较费神的,需要掌握很多很多的东西,特别是从事前端开发的朋友,需要通十行才行.今天,本文向初学者介绍一些Web开发中的基本概念和用到的技术,从A到Z总共26项,每项对应一个概念或者技术. ...

  8. 使用CSS中的meta实现web定时刷新或跳转的方法

    这篇文章主要介绍了使用CSS中的meta实现web定时刷新或跳转的方法,比使用JavaScript脚本实现起来更加简单一些,需要的朋友可以参考下 meta源信息功能之页面定时跳转与刷新 几乎所有的网页 ...

  9. 学习网页制作中如何在正确选取和使用 CSS 单位

    在 CSS 测量系统中,有好几种单位,如像素.百分比.英寸.厘米等等,Web 开发人员很难了解哪些单位在何处使用,如何使用.很多人习惯了总是使用同一种单位,但这一决定可能会严重限制你的设计的执行. 这 ...

随机推荐

  1. supervisor tornado 多进程多端口配置

    base: nginx tornado 目标: tornado 实现多端口多进程运行 pip install supervisor echo_supervisord_conf > /etc/su ...

  2. webbreswer 转成ie11

    http://zhidao.baidu.com/link?url=pvYg-Z5fjOaFHrpdxFSjrDqkaUpvc-tY5VwtLjd7bfmdG4T80i0Rqkkv1zcApZiIq6w ...

  3. PHP持续保有长连接,利用flush持续更新浏览器UI,下载进度条实现

    如何用PHP+JS实现上传进度条,大部分的人可能都实现过,但是下载呢?如何呢?原理也是差不多的,就是分次读写,每次读多少字节,但是这样的不好就是长连接,一般实现下载进度条常用的两种解决方案是:一种是需 ...

  4. 一点关于this的理解

    关于this,是很多前端面试必考的题目,有时候在网上看到这些题目,自己试了一下,额,还真的错了!在实际开发中,也会遇到 this 的问题(虽然一些类库会帮我们处理),例如在使用一些框架的时候,例如:k ...

  5. List中的get(i)

    List中的get(i)方法是获取List中的第i个对象吗 是第i+1个对象.List是从0开始的 List是有序的可重复的集合接口

  6. sqlserver 变量

    变量:分为全局变量和局部变量全部变量:以@@声明,为系统变量,所有实例都能访问,用户只能访问,不能赋值局部变量:生命周期只在一个批处理内有效, 局部变量经常使用的三种用途:1 在循环语句中记录循环的次 ...

  7. C#开发微信门户及应用-使用地理位置扩展相关应用

    C#开发微信门户及应用-使用地理位置扩展相关应用 我们知道,地理位置信息可以用来做很多相关的应用,除了我们可以知道用户所在的位置,还可以关联出一些地理位置的应用,如天气,热映影片,附近景点,附近影院, ...

  8. (poj)1502 MPI Maelstrom

    题目链接:http://poj.org/problem?id=1502 Description BIT has recently taken delivery of their processor A ...

  9. CAF(C++ actor framework)使用随笔(send sync_send)(二)

    a). 发完就忘, 就像上面anon_send 以及send #include <iostream> #include "caf/all.hpp" #include & ...

  10. [翻译][MVC 5 + EF 6] 7:加载相关数据

    原文:Reading Related Data with the Entity Framework in an ASP.NET MVC Application 1.延迟(Lazy)加载.预先(Eage ...