怎样对网站的图片进行SEO优化

怎样对网站的图片进行SEO优化,第1张

网站图片SEO优化的核心有两点。增加搜索引擎可见的文本描述,以及在保持图像质量的情况下尽量压缩图像的文件大小。具体怎么操作要按以下三点P:

1.Alt属性

每个图像标签中都有Aft属性,例如:,搜索引擎会读取该属性以了解图像的信息。因此,最好在所有插图的Alt属性中都有文字描述,并带上该页关键字在其中。

2.文本说明

除了Alt属性文字,还可以考虑以下方法直接优化图像,使之能够被搜索到:

(1)在图片上方或下方加上包含关键词的描述文本。

(2)在代码中增加一个包含关键词段的heading标题标签,然后在图片下方增加文字描述。

(3)在图片下方或旁边增加如“更多……”链接,包含关键词。

(4)创建一些既吸引用户又吸引搜索引擎的文本内页,先把流量吸引到这些页面,再提供文本链接指向你的图片页面。

总之,网页应尽量减少装饰性图片以及大图片。而Aft属性中的文字对搜索引擎来说,其重要性比正文内容的文字要低。

3.GLF和JPGE图像优化

Aft属性和文本说明都只是对图像之外的文本环境进行优化,下面简单谈谈对图片本身的优化处理。对图片文件优化的目的是在尽量不影响图像画面效果的情况下,将其文件大小降到最低,以加快页面整体下载速度。

网页图片格式主要有GIF和JPGE两种形式。一般来讲, GIF适用于线图和企业标识JPEG适宜照片元素的格式。主要通过减少GIE颜色数量、缩小图片尺寸和降低分辨率来缩小文件,也可以采用层叠样式表达到优化目的。PhotoShop 的版本越高越适用于网络图形。此外,将大图片切割成若干小图片干不同的表格区间内进行拼接,也可以相对加快下载时间。

通过Google搜索“SEO”词的案例:

Google搜索解析地址:http://www.google.com/insights/search/

第一步:注册zhanghao。

第二步:对关键词“SEO”进行Goolge搜索解析,先到左边添加关键词“SEO”,然后根据自己的需求对区域等进行选择。

第三步:点击“搜索”,查看图标

从上面的图来看,印度搜索“SEO”是最火爆的。老巴的“SEO”也非常火。

通过上面具体的国家热点排名,我们了解到最热的是印度,巴基斯坦是第三,尼泊尔竟然是第5(潜力如此巨大?)

通过上面的数据SEO的相关词的热度排行,比百度相关搜索还详细,谷歌SEO是第一,网页SEO第二,第三个是日本的词SEO对策?网站SEO第四,SEO营销第五...非常清洗。

Google 搜索解析的四种不同方法

1、选择广告用语

使用Google 搜索解析可帮助您找出用户对哪些广告用语反响最好。例如,在宣传新款车型时,汽车制造商可能不确定应该重点宣传省油、安全性还是发动机性能。

通过在 Google 搜索解析中输入这 3 种特性,我们已经发现汽车安全性是具有非常可观的关注程度。掌握了这一信息后,制造商便可以考虑在营销策略中加入汽车安全性这项内容。

2、分析季节性变化的因素

Google 搜索解析可用于确定季节性变化的因素。例如,某滑雪度假村可能希望了解用户什么时候最爱搜索与滑雪有关的字词。

本例比较的是连续几年的同一时间跨度(从当年 6 月到来年 5 月)。

历年的结果相当一致:关注度自 8 月起开始上升,在 12 月和 1 月达到峰值。掌握了这一信息后,滑雪度假村便可以准确预期用户的需求,然后游刃有余地做出各项安排,无论是分配广告预算还是根据游客资源调整人员配置都变得轻而易举。

3、建立品牌联想

Google 搜索解析有助于建立品牌联想。假设某个广告代理希望为自己的客户,一家计算机硬件公司制作出一个富有吸引力的广告系列。该代理需要了解其竞争对手的做法,他们应当如何针对这些对手来定位自己客户的产品?在比较笔记本电脑时,采用类别过滤器是一种有效的做法,这样可以将数据范围缩小到仅限计算机和电子产品。

通过仔细分析所显示的热门相关搜索和上升搜索,该代理可以更好地了解竞争对手所提供的产品和服务,从而制作出能够使其客户的品牌脱颖而出的广告系列。

4、开拓新市场

Google 搜索解析有助于确定新的市场。某葡萄酒分销商可能希望开拓新的市场。在输入葡萄酒 + 红酒,并比较阿根廷、墨西哥、西班牙和委内瑞拉等多个国家/地区的数据后,该分销商可以了解到哪个地区对以上搜索字词更为关注。

我们从生成的图表中可以看出,西班牙和阿根廷的关注度更高。假设该分销商选中了西班牙。然后,它可以对次级区域进行进一步的分析,并最终考虑以关注度最高的拉里奥哈地区作为分销中心。

1. 准备一个图标制作软件:首先您必须了解所谓的图标 (Icon) 是一种特殊的图形文件格式,它是以 .ico 作为扩展名。

2. 确定图标的规格:规格是 16x16,所使用的颜色最好成绩不要超过 16 色 (为了清晰)。可以在电脑中查找 *.ico 格式的图标,打开这些图标就可以知道格式了。

3. 设计一个属于自己的图标:你可以将您的网站的 Logo 做成一个缩图,或者另外设计一个别具特色的图案来作为图标。然后将这个图标文件命名为 favicon.ico。

4. 最后,只需要将这个图标文件 (favicon.ico) 上传到您的网站所在的服务器的根目录下。(也就是你的主页 index.html 所在的那个文件夹),不需要对网页文件作任何的修改,IE 会自动的搜索网站的根目录,只要它一发现了 favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。

网站个性标志 Favicon 的使用

从严格意义上,favicon 的话题无关 SEO 技术,也与 Web 服务器技术方面的讨论没有太大干系,不过,在我们的网站建设中,为网站打造一个契合网站主题的个性化标志则是必需的,这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广的范畴之内,而欲取得成功,不仅包括良好的页面设计、令人印象深刻的网站 Logo,也包括 favicon。

什么是 favicon?

所谓 favicon,即 Favorites Icon 的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是 favicon 的全部,根据浏览器的不同, favicon 显示也有所区别:在大多数主流浏览器如 FireFox 和 Internet Explorer (5.5及以上版本)中,favicon 不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳 favicon 到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如 FireFox 甚至支持动画格式的 favicon 等。

从特定的技术角度看,favicon也并不只是仅仅让网站给人更专业的观感,也可以在一定程度上减轻服务器的流量带宽占用:一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的 404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时, Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。

如何制作Favicon.ico

制作 favicon.ico 的方法相当简单,首先,利用图形工具创建 2 个反映网站主题的 256 色的小图片: 1 个为 32 × 32 像素,另一个为 16 × 16 像素。需要注意的是,调色板要选用 "Windows 默认调色板",不然,在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化。

需要说明的是,在很多关于 favicon.ico的说明中,常见到要求图片为 16 色的说法,应该说这类说法大大过时:在早期如 Windows 95 时期,16 色的 favicon.ico 可能是个稳妥的选择,保证其在大多数情况下正常使用,但现在,完全不存在那类限制,16 色只能使图标的展示效果大大降低。

至于在浏览器中使用时 16 × 16 像素的图片已经足够,为什么还要准备 32 × 32 像素的图片,原因在于,正如上文所言, favicon 也显示在地址栏中,用户可以拖曳 favicon 到桌面以建立到网站的快捷方式,而桌面图标则要以 32 × 32 显示的,如果您的 Favicon.ico不包括32像素的图片,系统就只能使用默认的浏览器图标来标注网站/网页,如 Internet Explorer 的蓝色 "e",起不到我们意欲通过 favicon.ico 打造网站品牌的作用。

图片制作好后,使用如 Image2Ico 之类的小程序即可将 2 张图片转换到一个 Icon 文件中。也可以通过可以在线制作 Favicon 的网站来制作,不过,需要注意的是,这个网站要求图片源文件格式为 Pic。

在网页中使用 favicon.ico

浏览器调用 favicon 的原则是首先在网页所在的目录下寻找 favicon.ico 文件,如果没有,便到网站的根目录下寻找。

因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。

如果您希望为不同的页面设置不同的图标 (让不同的网页显示不同的 Favicon),那么您就需要在该网页文件 html 中 <head>部分加入下面的代码:(注意:该图标的路径一定要使用绝对路径)。

<link rel="icon" href="/dir/favicon.ico" mce_href="/dir/favicon.ico" type="image/x-icon">

<link rel="shortcut icon" href="/dir/favicon.ico" mce_href="/dir/favicon.ico" type="image/x-icon">

Firefox 还支持GIF动画格式的Favicon,使用方法如下:

首先制作一个 16 x 16 的 gif 动画,然后在 html 代码 <head></head>中加入如下代码:

<link rel="shortcut icon" href="favicon.ico" >

<link rel="icon" href="animated_favicon.gif" type="image/gif" >

还有一点需要说明的是:有些 Web 空间的主机服务器不支持图标文件格式,那就没办法了!


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/505635.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-06-17
下一篇2023-06-17

发表评论

登录后才能评论

评论列表(0条)

    保存