SEO(搜索引擎优化),是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名方式。
SEO的目的是对网站进行深度的优化,从而帮助网站获取免费的流量,进而在搜索引擎上提升网站的排名,提高网站的知名度。
页面必须有三个标签用来符合SEO优化(title description keyword)
1.title 网站标题
具有不可替代性,是页面的第一个重要标签,是搜索引擎了解网页的入口 和 对网页主题归属的最佳判断点。
建议:网站名(产品名)- 网站的介绍(尽量不要超过30个汉字)
例如:<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物!</title>
2.description 网站说明
简要说明网站主要是做什么的。
description作为网站的总体业务和主题概括,多采用“我们是...”、“我们提供...”、“xxx网作为...”、“电话:010...”之类的语句
例如:<meta name="description"
content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!"/>
3.keywords关键字
keywords是页面关键词,是搜索引擎的关注点之一
keywords最好限制为6~8个关键字,关键字之间用英文逗号隔开,采用 关键词1,关键词2 的形式。
例如:<meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东"/>
4. logo SEO 优化
1.logo 里面首先放一个 h1 标签,目的是为了提权,告诉搜索引擎,这个地方很重要。
2. h1 里面在放一个 链接,可以返回首页,把 logo 的背景图片给链接即可。
3. 为了搜索引擎收录我们,我们链接里面要放文字(网站名称),但是文字不显示出来。
方法1:text-indent 移到盒子外面(text-indent:-9999px),然后 overflow:hidden,淘宝做法。
方法2:直接给 font-size:0;就看不到文字了,京东的做法。
4.最后给链接一个 title 属性,这样鼠标放到 logo 上就可以看到提示文字了。
案例:
<div class="logo">
<h1><a href="index.html">品优购商城</a></h1>
</div>