如何用html做seo(图文教程)

当前位置: 首页 > 常见问题

Seo工作和写文章差不多。不同的单词和句子组合起来,达到最终的目的。Html代码是网站的基础和组成部分。如果从seo的角度去操作html代码,从搜索引擎的角度来看,会得到这个分数,网站在搜索引擎眼中的整体分数会得到提升。网站s[& hellip;]

Seo工作和写文章差不多。不同的单词和句子组合起来,达到最终的目的。Html代码是网站的基础和组成部分。如果从seo的角度来操作html代码,从搜索引擎的角度来看,会得到这个分数,网站在搜索引擎眼中的整体分数会提高,网站seo排名的概率也会增加。

以seo教程自学网首页为例,简单讲解一下html相关的seo设置。

一:html代码head标签的seo设置。

:& ltmeta charset = & #;UTF-& #;& gt:表示网站代码。

:& lt标题>。教程自学网站SEO优化教程学习《武汉小明SEO》

:& ltmeta name = & #;描述& #;content = & #;Seo教程自学网,回答seo是什么,武汉小明专业从事搜索引擎优化,致力于网站seo优化教程学习和SEO技术教程培训,提供自学SEO视频教程免费观看。&#;/& gt;:网站描述设置,描述也可以影响目标关键词的排名。

& ltmeta http-equiv = & #;缓存控制& #;content = & #;不转换& #;/& gt;

& ltmeta http-equiv = & #;缓存控制& #;content = & #;no-site app & #;/& gt;

& ltmeta name = & #;适用-设备&#号;content = & #;pc,移动& #;& gt

& ltmeta name = & #;移动优化& #;content = & #;宽度& #;/& gt;

& ltmeta name = & #;手持友好& #;content = & #;true & #;/& gt;

禁止移动转码语句。

:& lt脚本src = & #;//msite.baidu.com/sdk/c.js?appid = & #;& gt& lt/script>。:百度熊掌ID声明。目前熊掌是大势所趋,非常必要。

:& lt链接版本= & #;canonical & #;href = & #;http://www . xminseo . com & #;/& gt;:百度明确提供了一个支持的标签。它的目的是向搜索引擎传达信息:捕捉网站管理者想要呈现的重要内容。

:其他设置,如重定向、页面等。

第二,剩下的html代码都是seo集。

:& lth & gt& ltspan class = & #;yusi-mono & #;& gtSEO教程自学网

h标签是重量标签,建议用一页。

:& ltstrong class = & #;text-success & #;& gt& lt/strong & gt;。

个人认为强标签有强调功能,比B标签好。

:<a target=&#;_blank&#; href=&#;http://www.xminseo.com/.html&#; title=&#;seo经验案例分享&#;><img src=&#;/static/upload/image/20220224/4gmkfsltmlt1.png&#; title=&#;seo经验案例分享&#; alt=&#;seo经验案例分享&#; /></a>。:& lta target = & #;_ blank & #;href = & #;http://www.xminseo.com/.html&#; title = & #;Seo经验案例分享& #;& gt& ltimg src = & #;/static/upload/image/20220224/4gmkfsltmlt1.png&#; title = & #;Seo经验案例分享& #;alt = & #;Seo经验案例分享& #;/& gt;& lt/a>。。

图片必须添加alt标签,搜索引擎可以根据alt标签中的内容识别图片。

& lt脚本类型= & #;application/LD+JSON & #;& gt

{

&#;@ context & #;: &#;https://zhanzhang.baidu.com/contexts/cambrian.jsonld&#;,

&#;@ id & #;: &#;http://www.xminseo.com/.html&#;,

&#;标题& #;:&#;关于规范标号& #的一些解释;,

&#;图像& #;: [

&#;/static/upload/image/20220224/bcjl4cu31bi2.jpg&#;],

&#;描述& #;: &#;和。nbsp。如果网站中存在大量URL形式不同,内容相同的页面,那么从网站seo优化的角度来看,就有问题了。不同的网站可以访问相同的内容页面,这可能会导致搜索引擎的误判。规范标签的外观,& #;,

&#;pubDate & #;: &#;-T::& #;,

&#;iso original & #;: &#;&#;

}

& lt/script>。

张雄页面转换代码,通过相关的代码设置,可以使页面符合张雄的规范。

& lt脚本>

(函数(){

var BP = document . createelement(& #;脚本& #;);

var cur protocol = window . location . protocol . split(& #;:&#;)[];

if(cur protocol = = = & #;https & #;) {

BP . src = & #;https://zz.bdstatic.com/linksubmit/push.js&#;;

}

else {

BP . src = & #;http://push.zhanzhang.baidu.com/push.js&#;;

}

var s = document . getelementsbytagname(& #;脚本& #;)[];

s.parentNode.insertBefore(bp,s);

})();

& lt/script>。

主动推送相关代码,借助用户行为,点击后自动推送至百度搜索引擎。

三:以上是seo教程自学html代码对seo操作的部分描述。除此之外,还有一些必要的教程需要了解,包括但不限于以下几个方面。

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

页面标题的关键词优化一定要列出信息的标题,网站名称和相关关键词。

Meta标签的优化(过去搜索引擎优化的重要方法,现在不是关键因素,但仍不可忽视)主要包括Meta描述和Meta关键字的设置。关键词的密度要适中,一般是%-%,也就是说你的关键词必须在页面上出现多次,或者在搜索引擎允许的范围内,避免堆砌关键词。

制作谷歌网站地图。Google的Sitemaps是对原有robots.txt的扩展,它使用XML格式记录整个网站的信息,供Google读取,以便搜索引擎更快速、更全面地收集网站的内容。

图片关键词优化不要忽略图片的备选关键词。另一方面,可以在图片无法展示的情况下,给游客一个另类的解释声明。

避免表格嵌套目前这个网站嵌套表格太多,搜索引擎通常只读取

采用Web标准对网站进行重构,使网站代码符合HTML。或者XHTML。尽可能详细说明WC。通过XML+CSS技术对网站进行重构,可以减少表格和冗余代码,提高网站页面的扩展性和兼容性,使更多的浏览器支持。

网站结构的扁平化规划。目录和内容结构不应超过三个级别。如果超过三个层次,最好按子域调整简化结构层次。另外,目录命名的标准做法是用英文而不是拼音字母。

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

外部文件策略将javascript文件和css文件分别放在js和css外部文件中。这样做的好处是可以将重要的页面内容放在页面顶部,从而减小文件大小。有利于搜索引擎快速准确地抓取页面的重要内容。其他字体

外部链接尽量让其他与你话题相关的网站链接到这个网站,尽量链接PR值较高的网站。如果网站提供与主题相关的导出链接,被搜索引擎认为有丰富的与主题相关的内容,也有利于排名,比如各种投资网站、投融资网站的概念。另外,要避免不顾链接质量大规模撒网,搜索引擎比其他要好。

网站地图网站本身的网站地图是搜索引擎更全面地索引你的网站的重要因素。建议做一个基于文字的网站地图,包含网站的所有栏目和子栏目。网站的三大要素:文字、链接、关键词,对搜索引擎抓取主页面内容极为有利。特别是,有必要创建一个网站地图,用于动态生成目录网站。

图片热点除了AltaVista和Google明确支持图片热点链接,其他引擎暂时不支持。当“蜘蛛”程序遇到这种结构时,将无法区分。所以尽量不要设置图像地图链接。

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

,JS脚本位于不支持JS足迹的浏览器中

搜索将忽略Frame frame的Frame标签,并尽可能少地使用它。如果你必须使用它,你应该正确地使用Noframe标签。在…里

信息内部链接有助于提高网站的排名和PR值,比如相关信息,推荐信息等等。如何SEO一个网站的文字和HTML代码,其实比搜索引擎更友好。虽然图片抓取在不断进步,但是任何有经验的老手都会告诉你,SEO,文字更合适。正因为如此,比如网站建设博客里,虽然有图,但是文字还是很多的。这里有一个简单的例子来说明如何增加网站的文本与HTML代码的比例:

很多人喜欢这样写。

h:& lt;h class="title " >这是标题

众所周知,一页不会有两个H。如果有两个H,就像一个人长了两个头一样丑。这不仅是常识,也是标准。所以给H加这些或者那些类或者id都是多余的。

应该这样写:

这很简单。页面有圆倒角怎么办?网上有很多方法,其中比较典型的是HTML+CSS实现圆角矩形。HTML代码部分如下:

& ltdiv class = & #;panel & #;& gt& ltDIV class = & #;t-o b & #;& gt& lt/DIV & gt;& ltDIV class = & #;t-o b & #;& gt& lt/DIV & gt;& ltDIV class = & #;t-o b & #;& gt& lt/DIV & gt;& ltDIV class = & #;t-o b & #;& gt& lt/DIV & gt;& ltDIV class = & #;内容& #;& gt& lt!&#;把内容放在这里& #;& gt& ltDIV class = clear & gt& lt/DIV & gt;& lt/DIV & gt;& ltDIV class = & #;b-o b & #;& gt& lt/DIV & gt;& ltDIV class = & #;b-o b & #;& gt& lt/DIV & gt;& ltDIV class = & #;b-o b & #;& gt& lt/DIV & gt;& ltDIV class = & #;b-o b & #;& gt& lt/DIV & gt;& ltDIV class = & #;break & #;& gt& lt/DIV & gt;& lt/div>。

事实上,我们根本不必使用这些代码,但我们可以将其简化为:

& ltdiv class = & #;panel & #;& gt& lt!&#;把内容放在这里& #;& gt& lt/div>。

无疑,这可以明显减少HTML代码。当然,只是这样写会失去圆润的效果,我们可以借助JS添加效果。我们可以用纯JavaScript代码编写。为了方便起见,我们使用jQuery来编写:

jQuery(function($){ $(& #;。panel & #;).前置(& #;').追加(“”);})

需要注意的是,这段JavaScript代码应该写在一个单独的js文件中。

如果页面中使用了多个圆角,只需将类设置为panel。这样可以减少HTML代码,达到增加内容占HTML代码比例的目的。在不牺牲用户视觉效果的情况下,给爬虫展示干净的页面代码,在网速相当的情况下,一定程度上减少了爬行时间,有利于爬行,无疑会有利于搜索引擎的排名。除了这个圆角,滑动门还可以通过jQuery进行优化。说白了,国内常用的那些推拉门真的很恶心,还得加上一大堆没用的id。其实推拉门可以做的更简单。

以下是HTML代码:

一般用在网站标题或标题中,一些大型网站也用在LOGO中。虽然H代码可以写成多个数字,但实际上是语义唯一的,H标题在一个页面中只出现一次或者不出现。H级标题主要出现在页面主要内容的文章标题和栏目标题上,三栏结构一般在中间,两栏结构一般在重要的一侧。可以和H一起使用。H级标题通常占据页面的侧边栏。h是它的辅助,频率不高。页面层次不能太深,所以H,H,H一般出现的比较少。

Seo教程自学网评论:

细化来说,html代码中有很多seo操作点。理想情况下,每个细化点都到位。Seo是综合评分,每个细节点都发力,最终的seo优化结果相对完美。

作者:徐州百都网络 | 来源: | 发布于:2022-02-24 10:19:58