影响SEO的页面制作细节

jxdawei的个人博客：http://www.iwcn.net

1、将css与javascript全部用下边的方法分离到外部文件中去。

<link rel="stylesheet" type="text/css" href="css/style.css" media="all"/>
<script type="text/javascript" src="include/common.js"></script>

让html代码最大可能的只是用来显示实际内容。

2、采用xhtml代码编写页面，抛弃传统Table布局模式，去掉页面中的例如font/bgcolor等格式化控制标签。用符合web标准的代码来制作页面。这样能够让xhtml代码结构化、语义化。提高页面代码的可读性。

3、采用了上边的方法你会发现你的html代码会变得非常小，当然如果可以的话。让它变得更小。太大的页面会影响搜索引擎的处理速度。一般通过xhtml+css设计的网页，html代码应该可以控制在50K以内。大家可以去看一下用web标准重构得比较好的网站。

4、用好图片的alt标签，合理的使用页面关键字去描述图片，这样能增加页面的关键字密度。

5、尽可能少地使用javascript来做与内容相关的事情，例如用document.write去显示正文。这样会影响搜索引擎对页面内容的搜索。

6、千万不要用javascript来实现你网站的导航。那样会让搜索引擎迷失方向。

7、每个页面的关键字尽可能出现在页面的标题，也就是头部的Title标签中。当然，要合理应用，不要太长，更别用大量与页面内容无关的网络热门关键字。因为那就不是优化而是在作弊。

8、尽量在每个页面代码中合理使用<h1><h2>等标签并让你的关键字出现在<h1>标签中，让页面的文档结构更清晰。

我是做网页制作的，所以SEO的诸多专业技术及算法我都不是非常了解。如果您想了解更多关于这方法的知识，建议您访问一些国内知名的SEO优化类的网站，比如点石互动等。在那里你能查阅到很多关于“反向链接”、“页面PR值”等专业知识。这里只是将我在页面制作的过程中涉及到的一些细节问题拿出来和大家探讨一下。由此也可以说明为什么基于web标准设计的网站会更有利于SEO了。

如果您不打算花钱去请专业的SEOer来为您的网站做优化，那么可以让页面制作人员在制作上注意一些细节。相信这样免费的一些细节也能达到一个比较好的效果。

赞 (0)

相关推荐

  • 影响SEO的页面制作细节

    jxdawei的个人博客:http://www.iwcn.net 1.将css与javascript全部用下边的方法分离到外部文件中去. <link rel="stylesheet" type="text/css" href="css/style.css" media="all"/><script type="text/javascript" src="include/commo

  • 微信小程序的分类页面制作

    微信小程序的分类页面制作

    微信小程序实的分类页面制作 先上效果图. 这个界面布局难度不是很大,css基础好的,很快就实现了,分类界面,左边是一级目录,右边是一级目录对应的二级目录,根据 这个需求,我们数据设计的结构一定是数组嵌套数组,第一个数组包含一级目录数据,嵌套的数组包含的是二级目录的数据. 代码的实现 classify.js Page({ data: { cateItems: [ { cate_id: 1, cate_name: "护肤", ishaveChild: true, children: [ {

  • JS弹出层遮罩,隐藏背景页面滚动条细节优化分析

    一.去除滚动条方法 给body添加overflow:hidden属性即可,IE6.7下不会生效,需要给html增加overflow:hidden属性 样式中需要对IE6.7及其它浏览器用hack辨别,这是因为当页面拉到下面时如果html或body被overflow:hidden,透明弹层下面的页面就会被部分正常隐藏,通过透明看到的一片的灰度,具体颜色跟平台及用户设置背景色有关. body或html去掉滚动条后,页面会有一个滚动条宽度/2的跳动!这个跳动对用户体验来十分不好,因此给body添加一下

  • MVC+EasyUI+三层新闻网站建立 详情页面制作方法（八）

    MVC+EasyUI+三层新闻网站建立 详情页面制作方法（八）

    MVC新闻网站建立,完成详情页面的制作. 详情就是点击详情后弹出一个div,所以需要现在boby里面先建立一个div <div id="detailDiv"> <table> <tr> <td>标题:</td> <td><input class="easyui-textbox" style="width:250px;height:32px" id="title

  • 针对多用户实现头像上传功能PHP代码 适用于登陆页面制作

    针对多用户实现头像上传功能PHP代码 适用于登陆页面制作

    一个网站,其实说白了就是某几个特定功能的组合,而更换用户头像就在这些功能之中.今天就来做个测试,针对不同的用户,实现头像上传功能. -------------------------------------------------------------------------------- 成品图 思路  •针对不同的用户上传头像,我们要为每一个已登录的用户创建一个文件夹,文件夹的名称以当前用户的用户名为准. •用户上传成功后,跳转到用户登录成功后的页面,并刷新用户头像. 登陆页面 表单制作

  • 页面制作统一的头尾的方法(asp+js)

    动态页面引用 <!--#include file="引用页面路径"--> 静态页面引用 <script language="javascript" type="text/javascript" src="js文件" ></script> js中写法 document.write("<div class=\"w954 center\">");

  • 微信小程序实战之登录页面制作（5）

    微信小程序实战之登录页面制作（5）

    提供一个登录页的案例,供同学们使用 项目效果图: 目录结构: 图片资源: name.png key.png loginLog.jpg login.wxml: <view class="container"> <view class="login-icon"> <image class="login-img" src="../images/loginLog.jpg"></image>

  • Android ViewPager向导页面制作方法

    Android ViewPager向导页面制作方法

    接着上一篇博客,上一篇博客跟大家分享了三种开始页面的定时跳转,根据项目需求接下来就说一下向导页面吧!几乎每一个APP都有自己的向导页面,一般都是第一次安装的时或者第一次进入应用时才有向导页面的,就是只出现一次向导页面,向导页面顾名思义是指引客户大概了解APP的功能,向客户介绍APP的主要内容和使用方式,给客户一种期待已久的感觉,向导页面的实现方法有很多,现在我就以我之前做的项目为例给大家介绍用ViewPager去实现向导页面吧! 现在就给你们先看看效果图,是很酷吧! 一.判断开始页面是否跳转到向

  • JavaScript手风琴页面制作

    JavaScript手风琴页面制作

    啥都不说了,直接上效果图 1.Html结构代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>手风琴2</title> <link rel="stylesheet" type="text/css" href="css/new_file.css" rel="exte

  • js制作支付倒计时页面

    js制作支付倒计时页面

    本文实例为大家分享了js支付倒计时页面制作代码,供大家参考,具体内容如下 (图一) (图二) (图三) (图四) 实现目标 一.页面在图一时开始进行倒计时(可以点击取消订单按钮,支付页面消失). 二.倒计时完毕,出现删除订单. 三.单击删除订单,弹出弹框,询问是否要真正删除订单. 四.单击确定,即可删除订单. 如上图所示效果展示,这里给出所有的源代码(如需运行,只需要修改EJS文件中引入的CSS路径和JS路径即可). 这个页面其实是自己业余时间,写的东西. 但是里面涉及到,倒计时,弹框,以及字体

随机推荐