首页网络大杂烩

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

原创2021-05-13 03:25:47 53

Seo工作类似于写文章,用不同的单词和句子组合起来达到最终目的。Html代码是网站的基础和组成部分。从搜索引擎的角度来看,这个分数会得到,网站在搜索引擎眼中的整体分数也会提高。网站s[...]

html如何进行seo

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

以seo教程自学网站首页为例,简单说明与html相关的seo设置。

网站seo必备html代码

1.html代码头的搜索引擎优化设置,即头标签。

1:& lt;meta charset = & # 8221UTF-8 & # 8243;>。:表示网站代码。

2:& lt;title>。SEO教程自学网_网站SEO优化教程学习“武汉小明SEO”

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

4:

& ltmeta http-equiv = & # 8221;缓存控制& # 8221;内容= & # 8221;无转换& # 8221;/>。

& ltmeta http-equiv = & # 8221;缓存控制& # 8221;内容= & # 8221;no-site app & # 8221;/>。

& ltmeta name = & # 8221适用设备& # 8221;内容= & # 8221;pc,移动& # 8221;>。

& ltmeta name = & # 8221MobileOptimized & # 8221内容= & # 8221;宽度& # 8221;/>。

& ltmeta name = & # 8221手持友好& # 8221;内容= & # 8221;真实& # 8221;/>。

移动代码转换禁止语句。

5:& lt;脚本src = & # 8221//msite.baidu.com/sdk/c.js?appid = 1567888488359210 & # 8243>。& lt/script>。:BaIDu熊掌id语句。目前熊掌是大势所趋,有必要。

6:& lt;link rel = & # 8221典范& # 8221;href = & # 8221http://www . xminseo . com & # 8221;/>。:百度明确支持的一个标签,目的是向搜索引擎传达信息:捕捉网站管理者想要呈现的重要内容。

7:其他设置,比如301重定向,404页面等。

其次,剩下的html代码是为seo设置的。

1:& lt;h1>。& ltspan class = & # 8221yusi-mono & # 8221;>。SEO教程自学网

H1标签是重量标签,建议使用一页一次。

2:& lt;strong class = & # 8221文本-成功& # 8221;>。& lt/strong>。。

个人认为强标签有重点,比b标签更有效。

3:<a target=”_blank” href=”https://www.xminseo.com/2390.html” title=”seo经验案例分享”><img src=”https://www.xminseo.com/wp-content/uploads/2017/09/2-2.png” title=”seo经验案例分享” alt=”seo经验案例分享” /></a>。3:& lt;a target = & # 8221_ blank & # 8221href = & # 8221https://www.xminseo.com/2390.html”标题= & # 8221;Seo经验和案例分享& # 8221;>。& ltimg src = & # 8221https://www . xminseo . com/WP-content/uploads/2017/09/2-2 . png & # 8221;title = & # 8221Seo经验和案例分享& # 8221;alt = & # 8221Seo经验和案例分享& # 8221;/>。& lt/a>。。

图像必须用alt标记,搜索引擎根据alt标记的内容识别图像。

4:

& lt脚本类型= & # 8221;应用/LD+JSON & # 8221;>。

{

“@ context & # 8221: “https://zhanzhang.baidu.com/contexts/cambrian.jsonld”,

“@ id & # 8221: “https://www.xminseo.com/2747.html”,

“标题& # 8221;:”关于规范标签& # 8221;,

“图像& # 8221;: [

“https://www . xminseo . com/WP-content/uploads/2017/10/1-10 . jpg & # 8221;],

“描述& # 8221;: “& ampnbsp。如果网站中有大量不同URL形式、内容相同的页面,那么从seo优化的角度来看就有问题。不同网址可以访问内容相同的页面,可能导致搜索引擎误判。典范标签的出现,& # 8221;,

“pubDate & # 8221: “2017-10-22T 12:57:35 & # 8221;,

“isOriginal & # 8221: “0”

}

& lt/script>。

对熊掌页面的代码进行了改造,经过相关的代码设置,页面能够符合熊掌规范。

5:

& lt脚本>

(function(){

var BP = document . CreateElement(& # 8216;脚本& # 8217;);

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

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

bp.src = & # 8216https://zz.bdstatic.com/linksubmit/push.js’;

}

else {

bp.src = & # 8216http://push.zhanzhang.baidu.com/push.js’;

}

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

s.parentNode.insertBefore(bp,s);

})();

& lt/script>。

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

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

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

2.页面标题的关键词优化必须列出信息标题、网站名称和相关关键词。

3.元标签优化(过去是搜索引擎优化的重要方法,现在不是关键因素,但也不能忽视)主要包括:设置元描述和元关键词。关键词密度要适中,一般在2%-8%,也就是说你的关键词一定要在页面上出现几次,或者在搜索引擎允许的范围内,避免关键词堆积。

4.制作sitemaps Google的sitemaps是对原robots.txt的扩展,使用XML格式记录整个网站的信息供Google阅读,使搜索引擎能够更快更全面地记录网站的内容。

5.优化图片关键词。不要忽略图片的备选关键词。另一方面,当图片无法显示时,它可以给访问者一个替代的解释声明。

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

7.用web标准重构网站,尽量让网站的代码符合W3C的HTML 4.0或者XHTML 1.0。利用XML+CSS技术重构网站,可以减少表格化和冗余代码,提高网站页面的扩展性和兼容性,让更多的浏览器支持。

8.网站结构的平面规划目录和内容结构不应超过3层。如果超过3层,最好通过子域调整简化结构层。此外,目录命名的标准做法是使用英语而不是拼音字母

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

10.外部文件策略:javascript文件和css文件分别放在js和css外部文件中。这样做的好处是将重要的页面内容放在页面的顶部,并减小文件大小。有利于搜索引擎快速准确地捕捉到页面的重要内容。其他字体

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

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

13.除了AltaVista和Google之外,其他引擎不支持图像热点。当“蜘蛛”程序遇到这种结构时,将无法区分。因此,尽量不要设置图像映射链接。

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

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

16.搜索将忽略框架框架的框架标记,并且应该尽可能少地使用它。如果必须使用,应该正确使用Noframe标记,并且

17.信息的内部链接可以帮助提升网站的排名和PR值,比如相关信息、推荐信息等。如何SEO一个网站的文字和HTML代码其实是对搜索引擎最友好的,而且是文字。虽然图片的捕捉在不断提高,但任何有经验的老手都会告诉你,SEO才是最适合的文字。正因为如此,比如在网站建设博客里,虽然有图,但是字还是很多的。下面是一个简单的例子,展示如何提高网站上文本与HTML代码的比例:

很多人喜欢这样写

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

众所周知,一页上没有两个H1s。如果有两个H1s,那就跟一个人长两个头一样丑。这不仅是常识,也是标准。所以给h1增加这些类或者id是画蛇添足。

应该这样写:

这个很简单。页面有圆倒角怎么做?网上有n多种方法,最典型的就是HTML+CSS实现圆角矩形。超文本标记语言代码如下:

& ltdiv class = & # 8221面板& # 8221;>。& ltDIV类= & # 8221;t-o B1 & # 8243;>。& lt/DIV >& ltDIV类= & # 8221;t-o B2 & # 8243;>。& lt/DIV >& ltDIV类= & # 8221;t-o B3 & # 8243;>。& lt/DIV >& ltDIV类= & # 8221;t-o B4 & # 8243;>。& lt/DIV >& ltDIV类= & # 8221;内容& # 8221;>。& lt!–把内容放在这里& # 8211;>。& ltDIV类=清除>& lt/DIV >& lt/DIV >& ltDIV类= & # 8221;b-o B4 & # 8243;>。& lt/DIV >& ltDIV类= & # 8221;b-o B3 & # 8243;>。& lt/DIV >& ltDIV类= & # 8221;b-o B2 & # 8243;>。& lt/DIV >& ltDIV类= & # 8221;b-o B1 & # 8243;>。& lt/DIV >& ltDIV类= & # 8221;打破& # 8221;>。& lt/DIV >& lt/div>。

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

& ltdiv class = & # 8221面板& # 8221;>。& lt!–把内容放在这里& # 8211;>。& lt/div>。

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

jQuery(function($){ $(& # 8216;。面板& # 8217;).前置(& # 8216;').追加(');})

请注意,这段JavaScript代码应该写入一个单独的js文件。

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

下面是HTML代码:

一般用在网站标题或大标题上,一些大型网站也用在LOGO上。虽然h1代码可以用多种方式编写,但是它们在语义上是唯一的。h1标题应该只出现一次,或者不出现在页面上。H2二级标题主要出现在文章标题和栏目标题的主要内容页面上,中间有三栏,重要的一面有两栏。可与h3一起使用。H3 3级标题通常集中在页面的侧边栏。H4是它的辅助,频率不高。页面层次不能太深,所以h4、h5、h6一般出现的频率比较低。

html对seo的影响

Seo教程自学网评论:

在细化方面,html代码中有很多seo操作点,理想情况下,每个细化点都是到位的。Seo是综合评分,每一个细节点发挥出来最终的seo优化结果都是比较完美的。

标签:
随机站点
随机快审展示 刷新 快审榜
加入快审,优先展示

加入VIP