Html如何进行SEO?

html-css07

Html如何进行SEO?,第1张

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

1:<meta charset=”UTF-8″>:指明网站编码。

2:<title>SEO教程自学网_网站SEO优化教程学习『武汉小明SEO』</title>:网站标题设置,标题里面的语句字字千金,需着重把握。

3:<meta name=”description” content=”SEO教程自学网,解答seo是什么,武汉小明专业研究搜索引擎优化,致力网站SEO优化教程学习以及seo技术教程培训,提供自学seo视频教程免费观看。” />:网站描述设置,描述也能影响目标关键词排名。

4:

<meta http-equiv=”Cache-Control” content=”no-transform” />

<meta http-equiv=”Cache-Control” content=”no-siteapp” />

<meta name=”applicable-device” content=”pc,mobile”>

<meta name=”MobileOptimized” content=”width”/>

<meta name=”HandheldFriendly” content=”true”/>

移动禁止转码声明。

5:<script src=”//msite.baidu.com/sdk/c.js?appid=1567888488359210″></script>:百度熊掌号ID声明。现目前熊掌号是大势所趋,很有必要。

6:<link rel=”canonical” href=”http://www.xminseo.com”/>:百度明文规定支持的一种标签,目的是给搜索引擎传达信息:来抓取网站管理者想要呈现的重要内容。

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

二:html代码其余部分进行seo设置。

1:<h1><span class=”yusi-mono”>SEO教程自学网</span></h1>。

h1标签是权重标签,建议一个页面使用一次即可。

2:<strong class=”text-success”></strong>。

个人认为,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>。

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

4:

<script type=”application/ld+json”>

{

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

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

“title”:”有关Canonical标签的一些说明”,

“images”: [

“https://www.xminseo.com/wp-content/uploads/2017/10/1-10.jpg” ],

“description”: “&nbsp 如果网站中有大量网址形式不同而内容相同的页面,那么从网站seo优化的角度来看,是有问题的。不同的网址都可以访问同样内容的页面,会给有可能引起搜索引擎的误判。Canonical标签的出现,”,

“pubDate”: “2017-10-22T12:57:35”,

“isOriginal”: “0”

}

</script>

熊掌号页面改造代码,经过相关代码设置,能让页面符合熊掌号规范。

5:

<script>

(function(){

var bp = document.createElement(‘script’)

var curProtocol = window.location.protocol.split(‘:’)[0]

if (curProtocol === ‘https’) {

bp.src = ‘https://zz.bdstatic.com/linksubmit/push.js’

}

else {

bp.src = ‘http://push.zhanzhang.baidu.com/push.js’

}

var s = document.getElementsByTagName(“script”)[0]

s.parentNode.insertBefore(bp, s)

})()

</script>

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

<title>网页标题</title>

<meta name="keywords" content="网页关键词“ />

<meta name="description" content="网站描述“ />

<h1>标签是定义一个标题</h1>

<h2>标签是定义一个标题</h2>

<h3>标签是定义一个标题</h3>

......

<h6>标签是定义一个标题</h6>

<img src="xxx.jpg" alt="图片说明">

<a href="/" title="链接说明">链接词</a>

<strong>关键词强调</strong>

<u>关键词强调</u>

<em>关键词强调</em>

以上标签中比较重要的标签有title标签、H标签、强调标签。

一、title:标题的布局一般我们会采用完整匹配和分词匹配,很少用到绝对匹配的形式。很多人会经常采用“排字”的形式去描写标题,比如这样的标题“启蒙网络-泰安网络公司-泰安网站建设-泰安网站优化”,采用这种标题写法的人正想使用完整匹配的形式去布局关键词。除了标题的可读性差以外,你还能看出这个标题中出现一个问题吗?

二、 Keywords:目前本被大多数搜索引擎抛弃,不再作为搜索排名的因素。

三、 Description:该标签对网站有一个简单的自我介绍,还是为用户提供信息阅读的重要标签。

四、<h1>-<h6>标签:其中<h1>权重最高,搜索引擎会认为这个标题是网页中最重要的信息,<h2>-<h6>标签是属于页面的相关性主题标签,除了<h1>外其他标签可以多次使用。

五、<alt>标签:网站图片描述,加入网站关键词,可以搜索引擎意识到这个图片的重要性。

六、<strong>标签:此标签代表语气加重,在网站优化中常常把一些重要的关键词放在此关键词内,是搜索引擎知道这个页面的关键词是什么,进而加强关键词优化效果。

七、Strong Em U标签:这三个标签的作用差别不大,都是对于网页的关键词起到加强的作用,直至现在,仍然有很多人误以为<b>、<i>等标签的使用也可以达到同样的效果。