Meta 标签在 SEO 优化中的重要性及应用方法

hwyzw · 发表于 2024-11-5 11:47:01

元标签

元标记位于 HTML 文档的 <head> 和 <title> 之间。虽然它提供的信息对用户来说是不可见的，但却是文档最基本的元信息。 Meta标签除了提供文档字符集、语言、作者等基本信息外，还涉及到关键词、网页级别的设置。元标签的内容设计对于搜索引擎优化（seo）来说是一个非常重要的元素。正确使用元标签和属性可以优化网站。

代码语言：

复制

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="prism-token token line-numbers language-javascript"><code class="language-javascript" style="margin-left:0">1. < meta charset="UTF-8" > 字符编码
2. < meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/ > 优先识别IE最新版本和chrome
3. < meta http-equiv="refresh" content="30";url=""/ > 规定每30秒刷新一次页面，如果加url，就会被重新定向到指定页面
4. < meta name="renderer" content="webkit/ie-comp/ie-stand"/ > 内核控制meta标签，取用webkit内核，IE兼容内核，IE标准内核
5. < meta name="description" content="120 words"/ > 对页面的描述，一般包括标点在内不超过120个词
6. < meta name="keywords" content="袜子，鞋，电脑"/ > 定义文档关键词，用于搜索引擎，一般不超过12个名词
7. < meta name="author" content="author name"/ > 网页制作的作者信息
8. < meta name="robots" content="index,follow"/ >
搜索引擎方式：
（1）all：文件将被检索，并且页面上的链接也可以被查询；
（2）none：文件不能被检索，页面的链接也不被查询；
（3）index：文件将被检索；
（4）noindex：文件将不被检索；
（5）follow：页面的链接可以被查询；
（6）nofollow：页面的链接不可以被查询。</code></pre></p>
标志&&ico

ico icon.ico：网站头像，在网站标题前面，在head标签中添加代码，

百度搜索结果缩略图的大小为：121*75，所以要显示的图片最好按照这个比例制作。这样的图片更容易被百度抓取收录。如果想要图片质量高，尺寸不宜太小。宽度至少要大于300像素，最好是400，尺寸最好结合图片比例。

具体代码如下：

代码语言：

复制

<p style='margin-bottom:15px;color:#555555;font-size:15px;line-height:200%;text-indent:2em;'> <pre class="prism-token token line-numbers language-javascript"><code class="language-javascript" style="margin-left:0">1. < link rel="icon" href="1122.gif" type="image/gif">
2. //给每张图片加上alt也是优化之一</code></pre></p>
在img图像优化中，我们首先需要关注的是alt属性。尽管搜索引擎在识别图像方面越来越好，但仍然无法完全识别图像中的具体内容。因此，Alt属性是搜索引擎识别图像内容的重要参考。因此，alt属性可以帮助搜索引擎蜘蛛识别图像中显示的内容，并对网站上的图像进行分类。

在具体操作中，应注意：

(1) alt属性不能为空。

(2) alt属性必须与图片内容相匹配。张家界风景图片的副标题应该写张家界风景图片，而不是黄山风景图片。

(3)在alt属性中添加关键词，有助于当前页面的关键词排名。一般可以在图片上放置关键词，图片周围的文字描述应该与关键词相关。

(4)alt属性应避免关键字堆砌。如果一个页面上有多张图片，不要写相同的alt属性。相同的alt属性会导致关键词堆积，从而降低页面得分，严重时会降低权限。

图片的宽高属性一般不在代码中设置。图像显示的大小通常通过CSS来控制。 w3c规范中并没有包含图片的title属性，但是添加了title属性后，当鼠标放在图片上时，就会显示title属性的内容。

图片名称和后缀

图像的名称还可以帮助搜索引擎蜘蛛识别图像并正确命名图像文件。我们可以在图像文件名中使用关键字。

例如，一张关于SEO优化的图片，你的文件名不应该是123.jpg，而是.jpg。为什么不优化 SEO .jpg？因为有些网站程序上传中文名图片时会出现错误，而中文名图片的URL很可能被转码后变成这样：SEO%E4%BC%98%E5%8C%96.jpg 。

图像格式有很多种，最好的是 png、jpg 和 gif。 png 和 gif 可以有透明背景，而 gif 通常是动画图像。目前，搜索引擎对这些格式的图像更加友好。

图片尺寸

调整优化图像的大小。用户体验在网站优化中非常重要。图片的大小会影响网页的加载时间。您的网站访问速度越快，搜索引擎蜘蛛就越容易抓取并包含该页面。我们可以通过压缩图片的方式将大图片压缩成小图片，这样网站的打开速度就会大大提高。

百度搜索结果缩略图的大小为：12175，所以要显示的图片最好按照这个比例制作。这样的图片更容易被百度抓取收录。如果想要图片质量高，尺寸不宜太小。宽度至少要大于300像素，最好是400，尺寸最好结合图片比例。

另外，网站上的图片大小应一致，以保证页面整洁。

图片水印

在一些网站上，为了防止图片被同行盗用，通常会在图片上添加水印。关于水印，我的建议是尽可能不要添加水印，因为带有水印的图片会对用户的浏览产生影响。如果不添加水印，用户将无法清楚地看到图片的内容，而现在搜索引擎的技术已经能够识别图像上的文字。因此，如果真的要添加水印，目标应该是不影响用户的浏览。

关于在网站外存储图片

为了加快打开网页的快递速度，一些网站将图片存储在CDN或对象存储中。其实从SEO优化的角度来看，这不利于图片的SEO优化，因为这些图片都是站外图片。但如果存储在网站的服务器上，不仅会占用空间，还可能会影响网站的打开速度。因此，无论是选择网站打开速度还是图像优化，都需要自己权衡。