三大标签 SEO 优化 和 logo SEO 优化

SEO(Search Engine Optimization)汉译为搜索引擎优化,是一种利用搜索引擎的规则提高网站在有关搜索引擎内自然排名的方式。

SEO 的目的是对网站进行深度的优化,从而帮助网站获取免费的流量,进而在搜索引擎上提升网站的排名,提
高网站的知名度。

页面必须有三个标签用来符合 SEO 优化

在这里插入图片描述

一、网页title 标题

title具有不可替代性,是我们的内页第一个重要标签,是搜索引擎了解网页的入口和对网页主题归属的最佳判断点。

在这里插入图片描述

首页标题:网站名(产品名)- 网站的介绍

例如:

  • 京东(JD.COM)-综合网购首选-正品低价、品质保障、配送及时、轻松购物!
  • 小米商城 - 小米5s、红米Note 4、小米MIX、小米笔记本官方网站

二、Description 网站说明

简要说明我们网站主要是做什么的。

对于关键词的作用明显降低,但由于很多搜索引擎,仍然大量采用网页的MATA标签中描述部分作为搜索结果的“内容摘要”。

我们提倡,Description作为网站的总体业务和主题概括,多采用“我们是…”“我们提供…”“×××网作为…”“电话:010…”之类语句。

京东网:

< meta name=“description” content=“京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!” />

  1. 描述中出现关键词,与正文内容相关,这部分内容是给别人看的,所以要写的很详细,让人感兴趣, 吸引用户点击。
  2. 同样遵循简短原则,字符数含空格在内不要超过 120 个汉字。
  3. 补充在 title 和 keywords 中未能充分表述的说明.
  4. 用英文逗号 关键词1,关键词2

< meta name=“description” content=“小米商城直营小米公司旗下所有产品,囊括小米手机系列小米MIX、小米Note 2,红米手机系列红米Note 4、红米4,智能硬件,配件及小米生活周边,同时提供小米客户服务及售后支持。” />

三、Keywords 关键字

Keywords是页面关键词,是搜索引擎关注点之一。

keywords 最好限制为 6~8 个关键词,电商类网站可以稍微多点,关键词之间用英文逗号隔开,采用 关键词1,关键词2 的形式

京东网:

< meta name=“Keywords” content=“网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东” />

小米网:

< meta name=“keywords” content=“小米,小米6,红米Note4,小米MIX,小米商城” />

四、logo SEO 优化

  1. logo 里面首先放一个 h1 标签,目的是为了提权,告诉搜索引擎,这个地方很重要。

  2. h1 里面再放一个链接,可以返回首页的,把 logo 的背景图片给链接即可。

  3. 为了搜索引擎收录我们,我们链接里面要放文字(网站名称),但是文字不要显示出来。

    方法1:text-indent 移到盒子外面(text-indent: -9999px;) ,然后 overflow:hidden; ,淘宝的做法。

    方法2:直接给 font-size: 0; 就看不到文字了,京东的做法。

  4. 最后给链接一个 title 属性,这样鼠标放到 logo 上就可以看到提示文字了。

<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Document</title>
		<style>
			.logo {
			    position: absolute;
			    top: 25px;
			    width: 171px;
			    height: 61px; 
			}
			.logo a {
			    display: block;
			    width: 171px;
			    height: 61px;
			    background: url(../images/logo.png) no-repeat;
			    /* font-size: 0;京东的做法*/
			    /* 淘宝的做法让文字隐藏 */
			    text-indent: -9999px;
			    overflow: hidden;
			}
		</style>
	</head>
	<body>
		<!-- logo模块 -->
		<div class="logo">
		    <h1>
		        <a href="index.html" title="网站名">网站名</a>
		    </h1>
		</div>
	</body>
</html>
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

凡小多

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值