基于HTML的SEO(很基础,更是前端必须掌握之点)

目录

Html代码seo优化最佳布局,实例讲解

SEO最常用的HTML标签

HTML的不同标签在SEO优化中的权重分数

SEO优化

H标签全透视

前端需要注意的seo 


Html代码seo优化最佳布局,实例讲解

众所周知,搜索引擎对html代码是非常优化的,所以html的优化是做好推广的第一步。一个符合seo规则的代码大体如下界面所示。

<!doctype html>
<html> 这个是代码开头 结尾时和</html>对应。
<head> 头标记结尾用</head>
<title>(聚酯多元醇、热塑性聚氨酯树脂)</title>兵家必争之地,很重要,字字值千金啊,各位站长狠抓,注意关键字放置,不要堆砌关键字,不然后果够你吃的。
<meta http-equiv=Content-Language content=zh-cn>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<meta name=”keywords” content=”聚酯多元醇|热塑性聚氨酯树脂”> 这个现在权重不太高了,但是只要有轻重我们也要利用。
<meta name=”description” content=”聚酯多元醇|热塑性聚氨酯树脂生产基地,山东华鑫有限公司!”>这个东西是你百度搜索时候网站下面的那个所用简介,有一定作用哦!
<link href=”style/css.css” type=”text/css” rel=”stylesheet”>
</head>
<body>
  <div>
    <h1>聚酯多元醇</h1>很重要,如果不写,你比丢钱了损失还大。
    <h2>聚酯多元醇|热塑性聚氨酯树脂</h2>
    <h3>聚酯多元醇系列1</h3>
    <h4>聚酯多元醇系列2</h4>
    <h5>聚酯多元醇系列3</h5>
    <h6>聚酯多元醇系列4</h6> 上面这些标题都是很重要的,对没有小版块的内容都要淡定哦!
    <img src=”xxx.jpg” alt=”聚酯多元醇生产基地”>可以增加网站的相关度。
    <a href=”/” title=”聚酯多元醇塑料制品必须的原料哦”>聚酯多元醇</a>可以借助超链接来增加关键词出现的次数,这个词最好做成网站关键词,这样助于排名。
    <strong></strong>权重次于<H1></H1>,高于<b></b>、<u></u>、<i></i>等标签。
    <b>关键词强调</b> <u>关键词强调</u> <i>关键词强调</i>权重次于上面的
  </div>
  <div>
    版权部分关键词强调,这样可以增加关键字布局,更加合理。而且这个地方放置会得到不错的权重。
  </div>
</body>
</html>

SEO最常用的HTML标签

       1、H1-H6标签,这些标签在页面中占据着重要的位置,其中H1标签可以说是除TITLE外网页的最重要的另一个标签。这里需要注意的是要慎用H1,不要过多使用,否则被搜索引擎处罚就得不值得了。如果是频道页,大类的栏目名称使用H标签是合适的,当然,这里最大、最重要的分类才能使用H1,再按照栏目重要性,依次使用H2、H3等等H标签。这样合理的安排,让主导层次分明,也可以引导搜索引擎查找本页面的重要部分。如果是文章页,就要根据文章页的优化方法来使用H2,若按照最普通的页面布局,只有文章标题及正文内容,没有其他与正文同等级的信息,那么就可以对文章标题使用H2修饰,可以很清楚的告诉搜索引擎在文章页,我的文章标题就是页面的核心,所以文章页面的H2也只能出现一次。其他H标签可以根据网页栏目适当添加,但注意要合理使用,否则适得其反。

  2、网页关键词加黑标签请用strong标签。strong标签往往用在关键词上,一个页面只要加2-5次就差不多了,具体还要根据页面大小而定。

  3、<a href="网址" title="链接说明">网页信息</a> 对于网页中非常重要的链接采用title说明,有助于帮助搜索引擎找到网页的重点url。

  4、alt <img src=“xxx.jpg” alt=“图片说明”> 网页中的alt是用来对图片进行说明的,这里有两方面的作用,一个是告诉搜索引擎图片的信息,另一个是在图片加载不出来或图片路径出问题的时候告诉用户,这是什么样的图片。在一个网页中,所有图片都用alt肯定是不好的,最好的办法还是在网页中重点图片(大多数情况下是和网站突出目标关键词相关的图片)使用ALT标识,这样对搜索引擎爬行网页重要图片很有帮助,对于提高网站关键词权重也会很有好处的。

HTML的不同标签在SEO优化中的权重分数

内部链接文字:10分

标题title:10分

域名:7分

H1,H2字号标题:5分

每段首句:5分

路径或文件名:4分

相似度(关键词堆积):4分

每句开头:1.5分

加粗或斜体:1分

文本用法(内容):1分

title属性:1分 (注意不是<title>, 是title属性, 比如a href=… title=”)

alt标记:0.5分

Meta描述(Description属性):0.5分

Meta关键词(Keywords属性):0.05分

SEO优化

1、静态页面

将信息页面和频道、网站首页改为静态页面,有利于搜索引擎更快更好的收录。

2、页面标题(Page Title)的关键词优化

必须列出信息的标题、网站的名称以及相关关键字。

3、Meta标签的优化(过去搜索引擎优化的重要手法,现在已经不是关键因素,但仍不可忽略)

主要包括:Meta description、Meta keywords的设置。关键字密度要适度,通常为2%-8%,也就是说你的关键字必须在页面中出现若干次,或者在搜索引擎允许的范围内,要避免堆砌关键字。

4、针对Google制作Sitemaps

Google的sitemaps是对原来robots.txt的扩展,它使用 XML格式来记录整个网站的信息并供Google读取,使搜索引擎能更快更全面的收录网站的内容。  可以使用Google提供的Sitemap生成器制作(需要技术人员制作):  ?hl=zh-CN也可以由技术部人员制作更全面的Sitemaps。

5、图片的关键词优化

图片的替代关键词也不要忽略,其另外一方面的作用是,当图片不能显示的时候,可以给访问者一个替代解释语句。

6、避免表格的嵌套

搜索引擎通常只读取3个<table>的嵌套,如果太多,会造成部分有用信息没有被检测到。

7、采用web标准进行网站重构

尽量使网站的代码符合W3C的HTML 4.0或XHTML 1.0规范。通过XML+CSS技术进行网站重构,减少不表格及冗余代码,提高网站页面的扩展性,兼容性,可以使更多浏览器支持。

8、网站结构的扁平化规划

目录和内容结构最好不要超过3层,如果有超过三层的,最好通过子域名来调整和简化结构层数。另外目录命名的规范做法是使用英文而不是拼音字母

9、页面容量的合理化

合理的页面容量会提升网页的显示速度,增加对搜索引擎蜘蛛程序的友好度。同时建议js脚本和css脚本尽量用链接文件

10、外部文件策略

把javascript文件和css文件分别放在js和css外部文件中。这样做的好处是把重要的页面内容放到页面顶部,同时能缩小文件大小。有利于搜索引擎快速准确地抓取页面的重要内容。其他的字体<FONT>和格式化标签也尽量少用,建议采用CSS定义。

11、外部链接

尽可能多地让其他跟你主题相关的网站链接本站,同时尽量同PR值更高的网站进行相互链接。如果网站提供与主题相关的导出链接,被搜索引擎认为有丰富的与主题相关的内容,也有利于排名,例如各类招商网站、投融资网站的概念。另外避免链接不顾质量的大面积撒网,对搜索引擎而言宁缺勿滥。

12、网站地图

网站自身的网站地图是搜索引擎更全面索引收录你的网站的重要因素。建议制作基于文本的网站地图,内含网站所有栏目、子栏目。网站地图的三大因素:文本、链接、关键词,都极其有利于搜索引擎抓取主要页面内容。特别是动态生成目录网站尤其需要 创建网站地图。

13、图像热点

除AltaVista、Google明确支持图像热点链接外,其他引擎暂不支持。当“蜘蛛” 程序遇到这种结构时,就会无法辨别。因此尽量不要设置图像热点(Image Map)链接。

14、FLASH应用

FLASH由于不含文字信息,应尽量用于功能展示和广告,少用于网站栏目和页面。

15、JS脚本

在不支持JS脚步的浏览器里<NOSCRIPT>标签会起到重要提示作用,对搜索引擎的Spider搜索也会有帮助。

16、Frame框架

Frame标签会被搜索忽略,尽量少用,如果一定要用,则应正确使用Noframe标签, 在<Noframe></Noframe>区域中包含指向frame页的链接或带有关键词的描述文本,同 时在框架以外的区域也出现关键词文本。

17、资讯的内部链接

有助提高网站排名和PR值,例如相关资讯、推荐资讯等

H标签全透视

h1一级标题

代表重中之重,它的地位在页面中跟关键字的地位一样重要。一般运用于网站标题或者头条新闻上,一些大型网站也运用在LOGO上,虽然h1代码可以写多个,但实际语义上有唯一性,h1标题在一个页面里面最好只出现1次或者没有。

h2二级标题

主要出现在页面的主体内容的文章标题和栏目标题上,三列结构一般在中间,二列结构一般在重要的一边。可与h3搭配使用。

h3三级标题

一般主打页面的边侧栏。h4是它的辅助,出现频率不高。

页面层级关系不能太深,所以h4,h5,h6一般出现较少。

前端需要注意的seo 

1 合理的title ,description ,keyswords 搜索引擎对这三项的权重逐渐减小,title 强调重点即可,重要的关键字不要超过两次,而且要靠前。

2 不同的tilte要有所不同,description把页面的内容高度概括,长度合适。不可过分堆叠关键字,不同的页面description,描述要不一样。keyswords列举重要的关键字即可

3 语义化的html代码,符合w3c 规范:语义话的标签,有利于搜索引擎理解网页。

4 重要的内容放在前面,搜索引擎抓取html 的顺序是从上到下,有的搜索引擎对抓取的长度1有限制。

5 重要的内容不要用js输出,爬虫不会执行js获取内容

6 不要用iframe ,搜索引擎不会抓取iframe中的内容

7 非装饰的图片必须加alt ,有利seo

8 优化网站速度,网站速度是搜索引擎排序的一个重要指标

9 rmb 战士搞定百度,seo都是浮云

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

__畫戟__

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值