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

news/2024/5/12 7:49:42/文章来源:https://blog.csdn.net/weixin_33828101/article/details/92343385

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

Html代码seo优化最佳布局,实例讲解
众所周知,搜索引擎对html代码是非常优化的,所以html的优化是做好推广的第一步。一个符合seo规则的代码大体如下界面所示。
1、<!–聚酯多元醇)–> 这个东西是些页面注释的,可以在这里加我的“聚酯多元醇”,但过多关键字可能被搜索引擎惩罚哦!
2、<html> 这个是代码开头 结尾时和</html>对应。
3、<head> 头标记结尾用</head>
4、<title>(聚酯多元醇、热塑性聚氨酯树脂)</title>兵家必争之地,很重要,字字值千金啊,各位站长狠抓,注意关键字放置,不要堆砌关键字,不然后果够你吃的。
5、<meta http-equiv=Content-Language content=zh-cn>
6、<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
7、<meta name=”keywords” content=” 聚酯多元醇|热塑性聚氨酯树脂”> 这个现在权重不太高了,但是只要有轻重我们也要利用。
8、<meta name=”description” content=” 聚酯多元醇|热塑性聚氨酯树脂生产基地,山东华鑫有限公司!”>这个东西是你百度搜索时候网站下面的那个所用简介,有一定作用哦!
9、<link href=”style/css.css” type=”text/css” rel=”stylesheet”>
10、</head>
11、<body>
12、<div>
13、<h1>聚酯多元醇</h1>很重要,如果不写,你比丢钱了损失还大。
14、<h2>聚酯多元醇|热塑性聚氨酯树脂</h2>
15、<h3>聚酯多元醇系列1</h3>
16、<h4>聚酯多元醇系列2</h4>
17、<h5>聚酯多元醇系列3</h5>
18、<h6>聚酯多元醇系列4</h6> 上面这些标题都是很重要的,对没有小版块的内容都要淡定哦!
19、<img src=”xxx.jpg” alt=” 聚酯多元醇生产基地”>可以增加网站的相关度。
20、<a href=”/” 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、<a href="网址" title="链接说明">网页信息</a> 对于网页中非常重要的链接采用TITLE说明,有助于帮助搜索引擎找到网页的重点URL。
4、Alt标签《img src=“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属性, 比如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值,例如相关资讯、推荐资讯等
如何SEO一个网站的文字和HTML代码比
其实对于搜索引擎来说,最友好的,当属文字了,虽然现在图片的抓取不断在改进,但是任何一位有经验的老手都会告诉你,SEO,文字最合适。也正因为此,比方说网站建设博客里,图虽有,但仍是文字居多。
这里给大家举个简单的例子,说明如何增加网站的文字与HTML代码比:
如:
很多人喜欢这样写H1:<h1 class=”title”>这里是标题</h1>
众所周知,一个页面不会出现两个H1,如果有两个,那好比一个人身上长着两个脑袋一样很难看。这不仅是常识,也是标准。所以给h1加上这些那些class或id是画蛇添足。
应这样写:<h1>这里是标题</h1>
然后样式需要在CSS中定义。
这是很简单,那页面中有圆倒角如何做?网上有N多办法,其中最典型的就是HTML+CSS实现圆角矩形,HTML代码部分如下:
<div class="panel">
<DIV class="t-o b1"></DIV>
<DIV class="t-o b2"></DIV>
<DIV class="t-o b3"></DIV>
<DIV class="t-o b4"></DIV>
<DIV class="content">
<!-- 这里放内容 -->
<DIV class="clear"></DIV>
</DIV>
<DIV class="b-o b4"></DIV>
<DIV class="b-o b3"></DIV>
<DIV class="b-o b2"></DIV>
<DIV class="b-o b1"></DIV>
<DIV class="break"></DIV>
</div>
其实,我们完全不必用这些代码,可以简化到:
<div class="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对应的内容</dd>
......
</dl>
H标签全透视
h1一级标题
代表重中之重,它的地位在页面中跟关键字的地位一样重要。一般运用于网站标题或者头条新闻上,一些大型网站也运用在LOGO上,虽然h1代码可以写多个,但实际语义上有唯一性,h1标题在一个页面里面最好只出现1次或者没有。
h2二级标题
主要出现在页面的主体内容的文章标题和栏目标题上,三列结构一般在中间,二列结构一般在重要的一边。可与h3搭配使用。
h3三级标题
一般主打页面的边侧栏。h4是它的辅助,出现频率不高。
页面层级关系不能太深,所以h4,h5,h6一般出现较少。

转载于:https://my.oschina.net/u/2862573/blog/3030664

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_842046.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

大型网站技术架构(一)大型网站架构演化

2019独角兽企业重金招聘Python工程师标准>>> 看完了有一本书&#xff0c;就应该有所收获&#xff0c;有所总结&#xff0c;最近把《大型网站技术架构》一书给看完了&#xff0c;给人的印象实在深刻&#xff0c;再加上之前也搞过书本上讲的反向代理和负载均衡以及ses…

大型网站技术架构(二)架构模式

2019独角兽企业重金招聘Python工程师标准>>> 每一个模式描述了一个在我们周围不断重复发生的问题及该问题解决方案的核心。这样&#xff0c;你就能一次又一次地使用该方案而不必做重复工作。 所谓网站架构模式即为了解决大型网站面临的高并发访问、海量数据、高可靠…

5个适合零基础练习的Python刷题网站

知乎上有人问&#xff0c;有没有适合新手练习 Python 的做题类网站&#xff1f; 根据我刷题找资料的经验&#xff0c;推荐以下5个Python练习网站&#xff0c;都很良心 1、Github 这不是一个专门的刷题网站&#xff0c;而是代码托管平台&#xff0c;里面有数百万个Python项目…

爬虫python学习代码记录3-抓取某电商网站的商品数据

Python3 爬虫、数据清洗与可视化实战 第4章 大型爬虫案例&#xff1a;抓取某电商网站的商品数据 目录 抓取某电商网站的商品数据 封装代码&#xff0c;提高可读性 写一个程序test.py定时监控运行结果 爬虫效率优化 抓取某电商网站的商品数据 # 第4章 大型爬虫案例&#x…

鸿蒙os报名入口,鸿蒙os2 0公测版报名链接网站入口

鸿蒙OS2.0现在已经开启了招募活动&#xff0c;在手机中我们可以通过报名的方法来提前体验到这个系统&#xff0c;那么鸿蒙OS2.0公测招募怎么报名吧&#xff0c;下面就来本文中看看鸿蒙OS2.0公测招募报名网址以及报名条件说明介绍吧!鸿蒙OS2.0测试版资格申请网址鸿蒙OS2.0公测招…

太赞了,京东研发一哥力荐的高可用网站构建技术PDF,备好水,慢慢啃

学习是一种基础性的能力。然而&#xff0c;“吾生也有涯&#xff0c;而知也无涯。”&#xff0c;如果学习不注意方法&#xff0c;则会“以有涯随无涯&#xff0c;殆矣”。 学习就像吃饭睡觉一样&#xff0c;是人的一种本能&#xff0c;人人都有学习的能力。我们在刚出生的时候…

终于拿到了2022阿里技术专家分享的552页大型网站架构实战PDF文档

说在前面 在笔者职业生涯的开端&#xff0c;曾参与了一个合同额每年亿元级的软件项目。 该项目有一个独特的架构&#xff0c;可以让开发人员近似千人一面地完成开发工作&#xff0c;加之该项目有严谨的项目管理流程&#xff0c;使得它迭代十几年至今。 之后参与了一个不太成…

随手记:发布网站时报错;文件创建完第一次无法写入数据

一、Asp.Net网站生成没问题&#xff0c;发布时报错&#xff1a;未能获得项目引用“XXX”的依赖项 解决方案&#xff1a;配置改成“Debug-any cpu” 补充&#xff1a;如果使用Release-any cpu&#xff0c;需要检查相关联的项目中Release文件夹中&#xff0c;可能缺少相关联的dll…

京东技术负责人纯手写:小团队构建大网站中小研发团队架构实战

本书结合作者近几年的工作经验&#xff0c;总结了一套可直接落地、基于开源、成本低、可快速搭建的中小研发团队架构实践方法。本书共5篇22章&#xff0c;开篇是本书的导读;架构篇是设计思想的提升&#xff0c;包括企业总体架构、应用架构设计、统- -应用分层等;框架篇主讲中间…

phpcms实现mysql读写分离_五指CMS(wuzhicms)开源网站管理系统 v4.1.0 简体中文 UTF8 正式版...

五指CMS(wuzhicms)开源网站管理系统简介五指cms由原phpcms V9 负责人王参加主导开发&#xff0c;前后台界面采用html5css3技术&#xff0c;可以进行跨屏、跨设备管理内容&#xff0c;极大的提升了用户体验。五指CMS(wuzhicms)开源网站管理系统功能特点描述模型化设计&#xff1…

一些Java技术相关的博客,专栏,和技术学习网站推荐?

推荐两个视频学习网站 慕课网 第一个推荐的学习网站应该是慕课网&#xff08;慕课网私聊我打钱哈&#xff01;&#xff09;&#xff0c;在我初学的时候&#xff0c;这个网站对我的帮助挺大的&#xff0c;里面有很多免费的课程&#xff0c;也有很多付费的课程。如果你没有特殊…

Chrome浏览器安装插件提示“无法从该网站添加应用,拓展程序或脚本”解决办法

新版的Chrome&#xff0c;只可以在官方商店中安装扩展。 准确的说&#xff0c;从主版本号67开始&#xff0c;以后所有版本的Chrome&#xff0c;都无法安装离线插件。 查看chrome版本的方法&#xff0c;在chrome地址栏&#xff0c;输入chrome://version/&#xff0c;回车就能查…

如何解决电商网站超卖现象

所谓超卖现象举例&#xff1a;比如某商品的库存为1&#xff0c;此时用户1和用户2并发购买该商品&#xff0c;用户1提交订单后该商品的库存被修改为0&#xff0c;而此时用户2并不知道的情况下提交订单&#xff0c;该商品的库存再次被修改为-1这就是超卖现象。 究其深层原因&…

Cisco官方网站悄然换标

10月2日&#xff0c;就在所有中国人欢度国庆佳节之际&#xff0c;可能是思科(cisco)历史上最大的市场活动悄然启动。就在今天&#xff0c;51cto.com记者发现&#xff0c;思科网站全面改版&#xff01;其实&#xff0c;改版的内容不大&#xff0c;主要就是logo的改变。记者发现&…

CYQ.IIS 下载中心[ASP.NET 本地运行网站无需要安装IIS]

CYQ.IIS&#xff08;QBlog-IIS.exe) 下载中心&#xff1a; 简介&#xff1a;CYQ.IIS&#xff08;QBlog-IIS.exe) 是由一款改造自开源的CassiniServer的本地IIS运行程序&#xff0c;使用它可以无需要安装IIS&#xff0c;直接运行ASP.NET网站。 使用说明&#xff1a; PS&#xf…

BestSync同步软件使用指南 - FTP自动备份网站数据[转]

文/china#risefly.com 网站数据备份无疑是站长们的一个头疼问题&#xff0c;如服务器损坏&#xff0c;黑客攻击等造成数据损失无疑是一场灾难&#xff0c;那么如何能够安全&#xff0c;定时的把站点自动备份呢&#xff1f; 本文旨在教您如何通过BestSync同步软件&#xff0c;设…

今天需要部署.Net 4的网站提示 Service Unavailable

某Windows 2003服务器&#xff0c;装有IIS6&#xff0c;未安装过.Net Framework 4。今天需要部署.Net 4的网站&#xff0c;于是安装.Net Framework 4。 安装过程一切顺利&#xff0c;安装完成之后现有的几个网站就都无法访问了&#xff0c;提示 Service Unavailable。查看系统日…

iis 6.0上部署.net 2.0和4.0网站

网站环境 IIS6.0,操作系统Windows server2003 sp2,服务器之前已经部署了.net 2.0和asp的网站,现在要部署新开发的.net 4.0网站. 大体部署流程如下&#xff1a; 1.官网下载.net framework4.0,下载地址: http://www.microsoft.com/zh-cn/download/details.aspx?id17718,下载后安…

在IIS7.5中部署PHP网站报错:无法在fastCGI应用程序配置中找到handler scriptProcessor

1&#xff1a;在IIS7.5中部署PHP网站报错&#xff1a;无法在<fastCGI>应用程序配置中找到<handler> scriptProcessor 解决方案&#xff1a;1&#xff09;拷贝PHP必备的应用程序和扩展DLL(复制2个文件夹php和phptmp)2&#xff09;配置好php.ini文件的路径&#xff1…

齐博门户网站:解决百度ueditor支持iframe框架页面的视频播放问题

新下载的ueditor 增加了xss 安全过虑&#xff0c;把iframe过滤了&#xff0c;导致发表的文章包含的视频播放功能被限制了。 说明&#xff1a;新版本ueditor要修改 xss过滤白名单 修改配置文件ueditor.config.js 搜索: whitList 增加下面第二行即可 123,whitList:{iframe: [f…