站在SEO的高度去看我们常见的html标签们干货_第1页
站在SEO的高度去看我们常见的html标签们干货_第2页
站在SEO的高度去看我们常见的html标签们干货_第3页
站在SEO的高度去看我们常见的html标签们干货_第4页
站在SEO的高度去看我们常见的html标签们干货_第5页
已阅读5页，还剩2页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

SEO代码优化站在SEO的角度（高度）去看这些代码的作用搜索引擎对html代码是非常优化的，所以html的优化是做好推广的第一步。一个符合seo规则的代码大体如下界面所示。1、这个东西是些页面注释的，可以在这里加我的"一二三四五六"，但过多关键字可能被搜索引擎惩罚！2、＜html＞这个是代码开头结尾时和＜/html＞对应。3、＜head＞头标记结尾用＜/head＞4、＜title＞***＜/title＞兵家必争之地，很重要，字字值千金啊，各位站长狠抓，注意关键字放置，不要堆砌关键字，不然后果够你吃的。5、＜metahttp-equiv二Content-Languagecontent=zh-cn＞6、＜metahttp-equiv="Content-Type"content="text/html;charset二gb2312"＞7、＜metaname="keywords"content="一二三四五六"〉这个现在权重不太高了，但是只要有轻重我们也要利用。8、＜metaname="description"content="一二三四五六"〉这个东西是你百度搜索时候网站下面的那个所用简介，有一定作用哦！9、＜linkhref="style/css.css"type="text/css"rel="stylesheet"〉10、＜/head＞11、<body>12、＜div＞13、＜h1＞—二三四五六＜/h1＞很重要，如果不写，你比丢钱了损失还大。14、＜h2＞一二三四五六＜/h2＞15、＜h3＞一二三四五六＜/h3＞16、＜h4＞一二三四五六＜/h4＞17、＜h5＞一二三四五六＜/h5＞18、＜h6＞一二三四五六＜/h6＞上面这些标题都是很重要的，对没有小版块的内容都要淡定哦！19、＜imgsrc="xxxjpg"alt="一二三四五六"〉可以增加网站的相关度。20、＜ahref=”/"title="一二三四五六"〉一二三四五六＜/a＞可以借助超链接来增加关键词出现的次数，这个词最好做成网站关键词，这样助于排名。21、＜strong＞一二三四五六＜/strong＞权重次于＜H1＞的，高于很确定的是它比＜b＞、＜u＞、＜i＞等标签。22、＜b＞关键词强调＜/b＞＜u＞关键词强调＜/u＞＜i＞关键词强调＜/i＞权重次于上面的23、＜/div＞25、＜div＞26、版权部分关键词强调，这样可以增加关键字布局，更加合理。而且这个地方放置会得到不错的权重。27、</div>28、＜/body＞29、＜/html＞SEO最常用的HTML标签如果你想要成为一名SEOER，就必须了解部分重要的HTML代码。其实，学习HTML很简单，下面我来说一说，SEO最常用的HTML标签有哪些：1、H1-H6标签，这些标签在页面中占据着重要的位置，其中H1标签可以说是除TITLE外网页的最重要的另一个标签。这里需要注意的是要慎用H1，不要过多使用，否则被搜索引擎处罚就得不值得了。如果是频道页，大类的栏目名称使用H标签是合适的，当然，这里最大、最重要的分类才能使用H1,再按照栏目重要性，依次使用H2、H3等等H标签。这样合理的安排，让主导层次分明，也可以引导搜索引擎查找本页面的重要部分。如果是文章页，就要根据文章页的优化方法来使用H2，若按照最普通的页面布局，只有文章标题及正文内容，没有其他与正文同等级的信息，那么就可以对文章标题使用H2修饰，可以很清楚的告诉搜索引擎在文章页，我的文章标题就是页面的核心，所以文章页面的H2也只能出现一次。其他H标签可以根据网页栏目适当添加，但注意要合理使用，否则适得其反。2、网页关键词加黑标签请用B标签（本人觉得B标签比strong标签质量更好）。B标签往往用在关键词上，一个页面只要加2-5次就差不多了，具体还要根据页面大小而定。3、＜ahref="网址"title="链接说明"〉网页信息＜^＞对于网页中非常重要的链接采用TITLE说明，有助于帮助搜索引擎找到网页的重点URL。4、Alt标签《imgsrc="XXX.jpg"alt="图片说明"》网页中的ALT标签是用来对图片进行说明的，这里有两方面的作用，一个是告诉搜索引擎图片的信息，另一个是在图片加载不出来或图片路径出问题的时候告诉用户，这是什么样的图片。在一个网页中，所有图片都用ALT标签肯定是不好的，最好的办法还是在网页中重点图片（大多数情况下是和网站突出目标关键词相关的图片）使用ALT标识，这样对搜索引擎爬行网页重要图片很有帮助，对于提高网站关键词权重也会很有好处的。HTML的不同标签在SEO优化中的权重分数一、HTML标签权重分值排列内部链接文字：10分标题title:10分域名：7分H1，H2字号标题：5分每段首句：5分路径或文件名：4分相似度（关键词堆积）：4分每句开头：1.5分加粗或斜体：1分文本用法（内容）：1分title属性：1分（注意不是＜title＞，是title属性，比如ahref=...title="）alt标记：0.5分Meta描述（Description属性）：0.5分Meta关键词（Keywords属性）：0.05分二、SEO优化1、静态页面将信息页面和频道、网站首页改为静态页面,有利于搜索引擎更快更好的收录。2、页面标题（PageTitle）的关键词优化必须列出信息的标题、网站的名称以及相关关键字。3、Meta标签的优化（过去搜索引擎优化的重要手法，现在已经不是关键因素，但仍不可忽略）主要包括：Metadescription.Metakeywords的设置。关键字密度要适度，通常为2%-8%，也就是说你的关键字必须在页面中出现若干次，或者在搜索引擎允许的范围内，要避免堆砌关键字。4、针对Google制作SitemapsGoogle的sitemaps是对原来robots.txt的扩展，它使用XML格式来记录整个网站的信息并供Google读取，使搜索引擎能更快更全面的收录网站的内容。5、图片的关键词优化图片的替代关键词也不要忽略，其另外一方面的作用是，当图片不能显示的时候，可以给访问者一个替代解释语句。6、避免表格的嵌套目前本站的表格嵌套太多，搜索引擎通常只读取3个＜table＞的嵌套，如果太多，会造成部分有用信息没有被检测到。7、采用web标准进行网站重构尽量使网站的代码符合W3C的HTML4.0或XHTML1.0规范。通过XML+CSS技术进行网站重构，减少不表格及冗余代码，提高网站页面的扩展性，兼容性，可以使更多浏览器支持。8、网站结构的扁平化规划目录和内容结构最好不要超过3层，如果有超过三层的，最好通过子域名来调整和简化结构层数。另外目录命名的规范做法是使用英文而不是拼音字母9、页面容量的合理化合理的页面容量会提升网页的显示速度，增加对搜索引擎蜘蛛程序的友好度。同时建议js脚本和css脚本尽量用链接文件10、外部文件策略把javascript文件和css文件分别放在js和css外部文件中。这样做的好处是把重要的页面内容放到页面顶部，同时能缩小文件大小。有利于搜索引擎快速准确地抓取页面的重要内容。其他的字体＜FONT＞和格式化标签也尽量少用建议采用CSS定义。11、外部链接尽可能多地让其他跟你主题相关的网站链接本站，同时尽量同PR值更高的网站进行相互链接。如果网站提供与主题相关的导出链接，被搜索引擎认为有丰富的与主题相关的内容，也有利于排名，例如各类招商网站、投融资网站的概念。另外避免链接不顾质量的大面积撒网，对搜索引擎而言宁缺勿滥。12、网站地图网站自身的网站地图是搜索引擎更全面索引收录你的网站的重要因素。建议制作基于文本的网站地图，内含网站所有栏目、子栏目。网站地图的三大因素：文本、链接、关键词，都极其有利于搜索引擎抓取主要页面内容。特别是动态生成目录网站尤其需要创建网站地图。13、图像热点除AltaVista、Google明确支持图像热点链接外，其他引擎暂不支持。当"蜘蛛"程序遇到这种结构时，就会无法辨别。因此尽量不要设置图像热点(ImageMap)链接。14、FLASH应用FLASH由于不含文字信息，应尽量用于功能展示和广告，少用于网站栏目和页面。15、JS脚本在不支持JS脚步的浏览器里＜NOSCRIPT＞标签会起到重要提示作用，对搜索引擎的Spider搜索也会有帮助。16、Frame框架Frame标签会被搜索忽略，尽量少用，如果一定要用，则应正确使用Noframe标签，在＜Noframe＞＜/Noframe＞区域中包含指向frame页的链接或带有关键词的描述文本，同时在框架以外的区域也出现关键词文本。17、资讯的内部链接有助提高网站排名和PR值，例如相关资讯、推荐资讯等如何SEO一个网站的文字和HTML代码比其实对于搜索引擎来说，最友好的，当属文字了，虽然现在图片的抓取不断在改进，但是任何一位有经验的老手都会告诉你，SEO，文字最合适。也正因为此，比方说网站建设博客里，图虽有，但仍是文字居多。这里给大家举个简单的例子，说明如何增加网站的文字与HTML代码比:如：很多人喜欢这样写H1:<h1class="title">这里是标题</h1>众所周知，一个页面不会出现两个H1,如果有两个，那好比一个人身上长着两个脑袋一样很难看。这不仅是常识，也是标准。所以给hl加上这些那些class或id是画蛇添足。应这样写：<h1>这里是标题</h1>然后样式需要在CSS中定义。这是很简单，那页面中有圆倒角如何做？网上有N多办法湛中最典型的就是HTML+CSS实现圆角矩形，HTML代码部分如下：<divclass="panel"><DIVclass=”t-ob1"></DIV><DIVclass=”t-ob2"></DIV><DIVclass=”t-ob3”></DIV><DIVclass=”t-ob4”></DIV><DIVclass=”content”><!--这里放内容--><DIVclass二clear></DIV></DIV><DIVclass=”b-ob4”></DIV><DIVclass=”b-ob3”></DIV><DIVclass=”b-ob2”></DIV><DIVclass=”b-ob1”></DIV><DIVclass=”break”></DIV></div>其实，我们完全不必用这些代码，可以简化到：<divclass=”panel”><!--这里放内容--></div>毫无疑问，这样可以很明显的减少HTML代码，当然，光这样写是失去了圆角效果，效果我们可以借助JS加上。我们完全可以用纯粹的JavaScript代码来写，为了方便，我们采用jQuery来写：jQuery(function($)($('.panel').prepend('').append('‘)；})需要注意的是，这个JavaScript代码要写到一个独立的js文件中。如果页面中，用到多个圆角，则只管设置class为panel即可。这样，我们可以减少HTML代码，实现了增加内容和HTML代码比的目的。在不牺牲用户视觉效果的情况下，给爬虫看一个干净的页面代码，并且在网速相等的条件下，一定的减少抓取时间，有利于抓取，毫无疑问，也将有利于搜索引擎的排名。除了这个圆角外，滑动门等，完全可以用jQuery进行代码优化，说点不客气的话，国内常用的那些滑动门实在是恶心还得加一大堆没用的id，其实滑动门可以做的更简单。这里是HTML代码：<dl><dt>滑动门标题1</dt><dd>滑动门1对应的内容</dd><dt>滑动门标题2</dt><dd>滑动门2对应

人人文库> 全部分类> 行业资料 > 机电工程

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论