欧盟|网站优化教程-简单地理解网站图片优化

欧盟|网站优化教程-简单地理解网站图片优化

【欧盟|网站优化教程-简单地理解网站图片优化】
图片优化 , 是SEO优化工作中最重要的部分之一 。 对网站图片进行优化 , 不仅可以为网站带来额外流量 , 还可为访客创造良好的用户体验 。 下面 , 就和七羽一起来看一下如何对网站图片进行优化 。
首先 , 我们先来了解一下 , 一张标准的图片所应包含的关键标签 。 通常 , 一张标准的图片所嵌入的代码一般应包含5个标签 , 即Src , Width , Height , Alt和Title 。 在网页中插入图片需要用到Html语言中的img元素 。 从技术上讲 , 标签不是指在网页中插入图像 , 而是在网页链接图像 , 标签创建的就是被引用图像的占位空间 。 其中 , Src和Alt是所必需的两个属性 。 知己知彼百战不殆 , 接下来 , 我们就逐一来认识一下这5个标签 。
Src
Src的值(value)指代的是图像文件的路径(Url) , 也就是所引用的图像的绝对路径(Url)或相对路径(Url) , 语法是 。 其中 , 绝对路径(Url)指向其它站点 , 也就是从其它网站引用来的图片的链接地址 , 相对路径(Url)是指向自身站点的文件地址 。 对SEO工作来说 , 七羽认为 , 绝对路径可以理解为直接从其它网站拿来的图片指向的图片地址 , 而相对路径是自身电脑上的图片的路径 。
Alt
Alt , 图片的替代文本 , 是在图片无法显示或用户禁用图像显示时 , 代替图片显示在浏览器中的内容 。 Alt属性的值(Value)是一个最多可包含1024个字符的字符串 , 其中包括空格和标点 。 其语法是 。 在写Alt标签时 , 尽量要用一个最简单的句子把图片的要义完整的表达出来 , 同时 , 为加速搜索引擎爬虫对图片的抓取 , 也能在Alt标签中加一个文章的主关键词 。
Title
Title , 是当鼠标放到图片上时所显示的文字 。 如果图片上加有超链接 , title属性就可用来对这一图片链接进行解释说明 。 当图片有链接时 , 用户点击图片会显示文字 , 用户可根据文字来判断对加载页面是否有兴趣 , 进而减少无用的页面加载;当图片没有链接 , 同时 , 图片旁边没有文字标题或文字标题很长且显示不全时 , title属性就可告诉用户这个图片是什么 , 提高用户体验 。
Width和Height
Width和Height , 是图片的宽和高 , 也就是图片的大小 。 过大的图片 , 会降低网页的加载速度 , 过小则有可能影响图片的清晰度 。 对于网站导航、背景等图片 , 可参考百度、新浪等门户网站的图片尺寸 , 但对于文章中的图片 , 就可具体情况具体分析 。 不过 , 质量佳且清晰的图片 , 有助于提高用户体验 。
然后 , 我们来看一下 , 网站图片优化中需注意的一些细节 。 常言道 , 细节决定成败 , 于细微之处见真章 。 图片优化 , 看似不如网站日常内容更新重要 , 但也有很多需注意的细节 。
为方便图片被搜索引擎抓取 , 要对网站的Robots.txt文件进行设置 。 设置时 , 尽量不要使用Java链接图片 , 因为这样不利于搜索引擎检索图片文档 。
在SEO优化工作中 , 网站中有些图片并不需要被搜索引擎抓取和收录 , 比如网站模板和导航中的图片及背景图片等 。 在优化中 , 我们就应将这些图片放在一个单独的文件夹 , 并通过设置robots.txt文件来阻止搜索引擎抓取这些图片 。
这里 , 七羽学习了一种设置的方法 , 不难 , 尽管SEO优化不需要 , 但也可适当了解一些 。 现在 , 我们通过一个例子来学习一下 。 假设有一个网站 , 不包含文章内容更新 , 不需搜索引擎对图片进行抓取和收录 , 那我们就可以把图片单独存放在根目录robots.txt下的Images文件夹中 , 具体设置方法如下: