当前位置: 首页 > 工具软件 > Seo Panel > 使用案例 >

符合SEO及性能优化的模板

邹锦
2023-12-01
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>符合SEO及性能优化的模板</title>
<meta name="keywords" content="网站的关键字,在搜索引擎中输入keywords中写的内容,就能搜索到这个网页">
<meta name="description" content="网站的主要内容,在根据关键字搜索出网页之后,会显示description中的内容">
<meta name="robots" content="index,follow"> <!--搜索引擎可以抓取本页,而且可以顺着本页继续索引别的链接-->

<meta name="viewport" content="width=device-width,inital-scale=1"> <!--移动端页面会用到的属性,控制网页在移动端有较好的显示-->
<meta name="renderer" content="webkit"> <!--renderer双核浏览器渲染方式,默认webkit内核-->

<meta name="author" content="xidor"><!--网页作者-->
<meta name="generator" content="Sublime"> <!--generate(网页制作软件),用于标注网站的编码软件-->
<meta name="copyright" content="yourCompany">  <!--网页的版权所有-->

<meta http-equiv="cache-control" content="no-cache"><!--no-cache表示先发送请求,与服务器确认该资源是否被更改,如果未被更改,则使用缓存。-->

<!--Dns提前解析域名-->
<meta http-equiv="x-dns-prefetch-control" content="on" /><!--DNS请求在带宽方面非常小,但延迟非常高,特别是在移动网络上。通过推测性地预取DNS结果,可以在某些时候显着降低延迟-->
<link rel="dns-prefetch" href="//assets.yoursite.com" /><!--提前解析之后可能会用到的域名-->
<link rel="dns-prefetch" href="//images.yoursite.com" /><!--提前解析图像的域名,那么载入很多图像的页面在加载图像时可以有5%或更多的改进-->
<link rel="dns-prefetch" href="//api.yoursite.com" /><!--提前解析之后可能会用到的域名-->

<link rel="icon" type="image/x-icon"  href="/favicon.ico"/>		<!--网址和收藏夹前加小图标,16*16px;两行都需要,文件位于根目录下-->
<link rel="Shortcut Icon" type="img/x-icon" href="/favicon.ico" />

<link rel="canonical" href="https://ppe.valuedshow.cn/index.php"> <!--为类似网页或重复网页指定权威网页-->

<!--将此网页保存到iphone、ipad或android*的主屏幕上,就会看到一个很好的类似应用程序的图标,而不是页面的图像-->
<link href="http://www.yoursite.com/apple-touch-icon.png" rel="apple-touch-icon" />
<link href="http://www.yoursite.com/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" />
<link href="http://www.yoursite.com/apple-touch-icon-167x167.png" rel="apple-touch-icon" sizes="167x167" />
<link href="http://www.yoursite.com/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" />
<link href="http://www.yoursite.com/icon-hires.png" rel="icon" sizes="192x192" />
<link href="http://www.yoursite.com/icon-normal.png" rel="icon" sizes="128x128" />

<!--网站如果有多语言版本的话,会采用二级目录或者二级域名,这两种方法各有利弊,二级域名看起来更加正规,但是权重需要重新积累。二级目录可以很好的继承主域名的权重,但是后期发展不够给力-->
<!--网站有不同语言的版本,可使用下面。-->
<link rel="alternate" href="https://www.yoursite.com/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="zh-CN"/>
<link rel="alternate" href="https://jp.yoursite.com/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="ja-JP"/>
<link rel="alternate" href="https://tw.yoursite.com/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="zh-TW"/>
<link rel="alternate" href="https://kr.yoursite.com/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="ko-KR"/>
<link rel="alternate" href="https://us.yoursite.com/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="en-US"/>
<link rel="alternate" href="https://mx.yoursite.com/es/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="es-MX"/>
<link rel="alternate" href="https://th.yoursite.com/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="en-TH"/>
<link rel="alternate" href="https://my.yoursite.com/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="en-MY"/>
<link rel="alternate" href="https://sg.yoursite.com/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="en-SG"/>
<link rel="alternate" href="https://vn.yoursite.com/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="en-VN"/>
<link rel="alternate" href="https://id.yoursite.com/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="en-ID"/>
<link rel="alternate" href="https://in.yoursite.com/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="en-IN"/>
<link rel="alternate" href="https://uk.yoursite.com/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="en-GB"/>
<link rel="alternate" href="https://de.yoursite.com/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="de-DE"/>
<link rel="alternate" href="https://fr.yoursite.com/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="fr-FR"/>
<link rel="alternate" href="https://it.yoursite.com/vona2/detail/110200014270/?Tab=wysiwyg_area_4" hreflang="it-IT"/>
</head>
<body>
网站信息
</body>
</html>

H标签
h1一级标题
代表重中之重,它的地位在页面中跟关键字的地位一样重要。一般运用于网站标题或者头条新闻上,一些大型网站也运用在LOGO上,h1标题在一个页面里面最好只出现1次或者没有。


h2二级标题
主要出现在页面的主体内容的文章标题和栏目标题上,三列结构一般在中间,二列结构一般在重要的一边。可与h3搭配使用。如果是文章页,就要根据文章页的优化方法来使用H2,若按照最普通的页面布局,只有文章标题及正文内容,没有其他与正文同等级的信息,那么就可以对文章标题使用H2修饰,可以很清楚的告诉搜索引擎在文章页,我的文章标题就是页面的核心,所以文章页面的H2也只能出现一次。
h3三级标题
一般主打页面的边侧栏。h4是它的辅助,出现频率不高。

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

B标签
网页关键词加黑标签请用B标签(strong标签质量更好)。B标签往往用在关键词上,一个页面只要加2-5次就差不多了

Title
网页信息 对于网页中非常重要的链接采用TITLE说明,有助于帮助搜索引擎找到网页的重点URL。

Alt标签
alt标签《img src=“xx.jpg” alt=“图片说明”》一个是告诉搜索引擎图片的信息,另一个是在图片加载不出来或图片路径出问题的时候告诉用户,这是什么样的图片。
在一个网页中,所有图片都用ALT标签肯定是不好的,最好的办法还是在网页中重点图片(大多数情况下是和网站突出目标关键词相关的图片)使用ALT标识,这样对搜索引擎爬行网页重要图片很有帮助,对于提高网站关键词权重也会很有好处的。
  
一、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读取,使搜索引擎能更快更全面的收录网站的内容。
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外部文件中。这样做的好处是把重要的页面内容放到页面顶部,同时能缩小文件大小。有利于搜索引擎快速准确地抓取页面的重要内容。
11、外部链接
尽可能多地让其他跟你主题相关的网站链接本站,同时尽量同PR值更高的网站进行相互链接。如果网站提供与主题相关的导出链接,被搜索引擎认为有丰富的与主题相关的内容,也有利于排名,例如各类招商网站、投融资网站的概念。另外避免链接不顾质量的大面积撒网,对搜索引擎而言宁缺勿滥。
12、网站地图
网站自身的网站地图是搜索引擎更全面索引收录你的网站的重要因素。建议制作基于文本的网站地图,内含网站所有栏目、子栏目。网站地图的三大因素:文本、链接、关键词,都极其有利于搜索引擎抓取主要页面内容。特别是动态生成目录网站尤其需要 创建网站地图。
13、图像热点
除AltaVista、Google明确支持图像热点链接外,其他引擎暂不支持。当“蜘蛛” 程序遇到这种结构时,就会无法辨别。因此尽量不要设置图像热点(Image Map)链接。
14、FLASH应用
FLASH由于不含文字信息,应尽量用于功能展示和广告,少用于网站栏目和页面。
15、JS脚本
在不支持JS脚步的浏览器里<NOSCRIPT>标签会起到重要提示作用,对搜索引擎的Spider搜索也会有帮助。
16、Frame框架
Frame标签会被搜索忽略,尽量少用,如果一定要用,则应正确使用Noframe标签, 在<Noframe></Noframe>区域中包含指向frame页的链接或带有关键词的描述文本,同 时在框架以外的区域也出现关键词文本。
17、资讯的内部链接
18、代码干净
如:

很多人喜欢这样写H1:<h1 class=”title”>这里是标题</h1>

众所周知,一个页面不会出现两个H1,如果有两个,那好比一个人身上长着两个脑袋一样很难看。这不仅是常识,也是标准。所以给h1加上这些那些class或id是画蛇添足。


应这样写:<h1>这里是标题</h1>
然后样式需要在CSS中定义。

这样,我们可以减少HTML代码,实现了增加内容和HTML代码比的目的。


在不牺牲用户视觉效果的情况下,给爬虫看一个干净的页面代码,并且在网速相等的条件下,一定的减少抓取时间,有利于抓取,毫无疑问,也将有利于搜索引擎的排名。


这里是HTML代码:

<dl>
<dt>滑动门标题1</dt>
<dd>滑动门1对应的内容</dd>
<dt>滑动门标题2</dt>
<dd>滑动门2对应的内容</dd>
......
</dl>
 类似资料: