META家族中的元素非常之多,我们一一介绍。我先把该属性说一下。meta所属的位置在<head><meta /></head>中。既然是这样我们不妨把<head></head>中的信息也说一下。
在网页头部信息中必须包含也是最重要的就是<title></title>标签,然后依次是<meta />信息,还有就是页面包含的js|css|html文件,还有一个特殊的ico文件。
<title>网站标题</title>这是最重要的HTML代码,作为最重要的标签,baidu搜索引擎抓取从该标签开始识别,因此作为SEO一定要把该标签写好,同时不能轻易修改,如果SEO经常修改该标签,那会对排名有很大的影响。我在这里着重说一下这个标签,作为SEO要把主营业务写在<title></title>中,也要写的有艺术感,千万不能写的过程一旦写的过程很多人会反感,影响用户体验。
以上图是标题过长,可见标题过长不但没有艺术感,还有KEYWORDS过度罗列之嫌,作为SEO罗列KEYWORDS是非常不可取的方案,很多网站都喜欢罗列KEYWORDS,其实原来我个人来说也会罗列,但是时间长了则不罗列了,意义不大,真正意义大的是把主KEYWORDS写上,然后根据主KEYWORDS挖掘出更多的长尾KEYWORDS,发布到更多平台,获得流量。
<link />属性
<link />属性包含的是调用文件,可以调用其他服务器或者自己服务器下的css,ico文件,我先举个例子:
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="http://www******.com/css/common.css"/>
ico文件是选项卡的图标,可以专门制作出一个。至于调用服务器下的CSS文件可以调用相对地址的,也可以调用绝对地址的,我马上就要说为何要调用相对地址,或者是绝对地址的。以上文件icon图片是相对地址调用,我们可以看得出来,商业网站在调用相对地址比较多
好处是:1、简化网页代码2、加速文件的加载。为何有很多网站愿意用绝对地址。
好处是:1、绝对地址可以节省自身服务器的空间,通过远程调用节省空间 2、在网站流量大的同时可以迅速镜像新的页面,放到不同的服务器使用相对地址的都是商业网站,使用绝对地址调用的大多是门户或者是知名站点,总之流量大的网站还是用绝对地址。
<script></script>
<script></script>标签调用的是javascript文件,可以采用文件调用,也可以采用内嵌方式。采用文件调用可以加速页面加载,采用内嵌方式对SEO有很大负面影响。
调用文件:<script type="text/javascript" src="http://****/page/js/jquery.roundabout.js"> </script>
内嵌文件:
<script>
// 针对IE10
if (/*@cc_on!@*/false) {document.documentElement.className += ' ie' + document.documentMode;}
if (/*@cc_on!@*/true) {document.documentElement.className += ' ie' + document.documentMode; </script>
以上是把JS代码嵌到页面中,这样的方式很多SEO是非常不喜欢,甚至可以说是非常头疼的方式,所以站长和技术还是把这样的文件采用调用的方式。
调用php内嵌文件
有一些php文件需要页面调用出来,也是写在<script></script>中。
<script language="javascript" src="http://****/getIp.php"></script>这一段代码是获取用户ip的一段代码。
<meta />
现在该说说这一节最重要的<meta />了,SEO中最重要的也是这一调用。下面把所有meta标签列举出来,来介绍一下。
<metahttp-equiv="content-type"content="text/html; charset=utf-8"> 用来定义内容类型,这里可以是utf-8的通用字符。
<metahttp-equiv="expires"content="31 Dec 2008" /> 用来定义有效期。
<metahttp-equiv="refresh"content="5;url=http://www.sina.com/" />5秒后刷新页面,同时跳转到新浪。
<metahttp-equiv="set-cookie"content="Wed,10 Mar 2011 12:00:00 GMT" />到此时浏览缓存记录删除。
<metaname="author"content="seo赵龙" /> 记录作者名称。
****<metaname="description"content="网站描述" />这里写网站描述
****<metaname="keywords"content="关键词" />这里写网站关键词
<metaname="generator"content="网站编辑工具名称" />设置网站编辑工具的名称
<metaname="revised"content="David, 2008/8/8/" /> 定义页面的最新更新时间
<metaname="others"content=""/> 定义其他属性
<metaname="robots"content="all|none|index|noindex|follow|nofollow"/> 限制搜索引擎检索,可限制内容。
这一节内容重点讲述了<head>中的代码,给SEO加强认识。
欢迎订阅今日头条号:【搜索小部落】
你要是精英请绕行,你要是草根请关注公众微信号:seorule,联运微信号:chun_xiao_bao,或扫描二维码
公众微信:seorule