图片的SEO是网站搜索引擎优化中的最重要的部分之一。对网站的图片进行搜索引擎优化(SEO)不仅会给网站带来更多额外的流量,还能带给访
问者更好的用户体验。本文中总结了在图片优化中需要注意的16个技巧。
1. 在图片的alt标签(替换文字)中加入关键字。
2. 标准的图片嵌入代码应当包含的5个关键性标签:src、width、height、alt和title。替换文字(alt )是为了给那些不能看到你文档中
图像的浏览者提供文字说明。title是对图片的说明和额外补充,如果需要在鼠标经过图片时出现文字提示应该用属性 title。一般alt标签最
为关键。
3. 给你的图片取个描述性的、包含你的目标关键字的文件名。如果你有一张图片是关于可爱的鹦鹉的,那么就应当使用像parrot.jpg这样
具有描述性质的文件名,而不是使用 t123.jpg这类只是代号的名字,当然也可以让图片的文件名与ALT标签里面的内容相同或者一致。不要随
随便便用这样的名字pic1234.jpg,而应该用描述更清楚的名字cute-parrot.jpg。
4. 图片和所在网页内容必须相关:浏览图片不是访问者访问网页的第一件事情,但是会让访问者在页面停留的时间更久一些。(根据眼睛
追踪的研究结果,浏览网页时文字优先于图片,但看印刷文章时,人们会先看图片。虽然人们在看网页时会先看页面上的文字,但是图片会让
他们停留的时间更久并对页面有更深刻的印象)
5. 在图片周围添加相关信息。如果你用Google搜索图片,会不难发现,在每张图片下会有一段描述性文字,其中关键字用粗体显示。
Google图片搜索通过分析页面上图片附近的文字、图片标题以及许多其它元素来确定图片的内容。所以在图片周围添加包含关键字的描述信息
将可以优化网站图片在搜索引擎中的排名。 .
6. 指向图片的链接要包含关键字。使用超链接打开图片,那么超链接的名字应当包含图片的关键字,比如你要链接一张可爱的鹦鹉的图片
,就不宜使用“点击获得完整尺寸”等链接文字,而应当试着使用诸如“可爱的鹦鹉”之类的命名形式。
7. 确保图片可以被搜索引擎抓取。设置网站的robots.txt文件保证图片文件可以被搜索蜘蛛抓取。记住不要使用javascript链接图片文件
。如果你那样做的话,搜索引擎是无法检索到你的图片文档的。 .
8. 没有必要优化你网站上的所有的图片。比如模板中使用的图片、导航中的图片还有背景图片等等,我们不用为这些图片添加ALT标签,
我们可以把这些图片放在一个单独的文件夹里。并通过设置robots.txt文件来阻止蜘蛛抓取这些图片。 .
你可以设置所有的蜘蛛都被阻止抓取这些图片:
User-agent: * 对真正的成功者来说,不论他的生存条件如何,都不会自我磨灭
Disallow: /Images
也可以只阻止Google图片搜索蜘蛛抓取:
User-agent: Googlebot-Image
Disallow: /Images
9. 避免有重复的图片。举个例子,你的网站上的一张图片有三种形式存在:较小尺寸的图片,中等尺寸的图片,较大尺寸的图片。那么,
不要让这三张图片都被索引到。处理这种情况的最好的方式是用robots.txt文件告诉蜘蛛不要抓取你不想被索引的图片版本。 根据专家观察,
这样的理论和现象都是值得各位深思的,所以希望大家多做研究学习,争取总结出更多更好的经验!
10. 每个网页的图片数量尽量要少。
11. 注意图片的尺寸以适应搜索引擎,比如你链接的是一张壁纸,那么壁纸的大小就应当符合规范。 因为Google、百度等图片搜索都提供
根据图片尺寸来搜索。 。
12. 经常更新图片。如果你的图片很长时间没有变化(图片尺寸、图片文件大小、图片位置和图片名称等没有发生变化),其排名可能被降
低,因为搜索引擎会怀疑图片内容是过时的。
13. 使用Google网站管理员增强型图片搜索功能。启用增强型图片搜索功能,Google 将使用 Google Image Labeler 等工具将你网站所包
含的图片与标签相关联,以优化这些图片的索引并提高搜索质量。
14. 图片被盗用是一个很难避免的问题。我们可以在每张图片上加上一些水印,比如"photo by www.idcquan.com" ,"image by
www.idcquan.com"等等。虽然并不能完全杜绝盗用,但至少别人要想使用你的图片就得花时间来重新编辑它。
15. 检查被搜索引擎图片搜索索引的图片收录情况。为了检查对网站图片的优化方法是否成功,需要监测搜索引擎对网站图片的收录率。
方法是在http://images.google.cn/搜索栏中输入(将www.idcquan.com替换成你需要查询的域名)。其他搜索引擎也有这样的功能。
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/ajaxchen_615/archive/2009/06/15/4270418.aspx
分享到:
相关推荐
图片优化的方法包括使用图片压缩工具、使用 CSS Sprites、使用 Inline Images 等。 4. HTML 结构优化 HTML 结构优化可以提高页面的加载速度和响应速度。HTML 结构优化的方法包括使用语义化的 HTML 结构、使用尽...
4. Web项目实践:文档中涉及的gif和jpg格式图片文件名,虽然可能是扫描错误,但它们可能代表在Web课程设计中需要处理的图像资源。Web项目实践中,图像处理是常见的任务,涉及到图像的优化、压缩、响应式显示等。 5....
总结,移动Web图片上传涉及到前端与后端的协同工作,前端需要处理文件选择、读取、预览、上传进度显示等功能,后端则需要接收文件、验证、存储以及返回响应。同时,需要关注跨域、性能优化等问题,确保用户能流畅地...
总结来说,前端优化是一个多维度的工作,包括资源管理、网络传输效率、代码质量等多个方面。恰当的优化不仅可以提高页面加载速度,提升用户体验,还能有效降低服务器资源消耗。对于开发者而言,理解并掌握这些优化...
"前端笔试题面试题汇总+前端优化总结" 前端优化的目的是什么?从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。从服务商角度而言,优化能够减少页面请求数、...
总结起来,这个项目展示了如何使用Asp.Net Web API处理图片上传请求,并通过控制台应用程序模拟客户端。理解这些概念对于创建支持文件上传的Web服务至关重要,因为它们可以应用于各种场景,如用户头像上传、文件共享...
3. 图片优化:使用适当的文件格式(如JPEG、PNG8),压缩图片大小,使用SVG代替小图标。 4. HTML结构优化:保持HTML结构清晰,使用语义化标签,减少不必要的标签和属性。 此外,还有一些其他优化策略,如预加载、...
总结,"web个人图片管理系统"是一个综合运用了Web技术、后端编程、数据库管理、图像处理、安全机制、用户界面设计以及性能优化等多个领域的项目。通过学习和实践这样的系统,我们可以提升在Web开发中的技能,更好地...
**1.3 图片优化** - **格式选择**:根据图片内容选择合适格式(JPEG、PNG、SVG等),在保证质量的同时减小文件大小。 - **懒加载**:图片延迟加载,仅当滚动到可视区域时才加载相应图片,减少初始页面加载时间。 #...
"web+笔试+面试汇总+前端优化总结+js+css"的主题涵盖了前端开发中的关键领域,包括ECMAScript语法、HTML表格与表单处理、浏览器对象模型(BOM)、事件处理以及前端优化策略。 ECMAScript是JavaScript的标准化规范,...
总结来说,图片插件是提升WEB应用程序图片处理能力的关键工具。它们通过丰富的功能和良好的用户体验,满足了用户在浏览、编辑和管理图片时的需求。在实际开发中,选择或定制合适的图片插件,可以显著提升网站或应用...
3. **图片优化**:合理选择图片格式(如WebP)、压缩图片大小、使用懒加载策略,可有效节省带宽并加速页面渲染。 4. **缓存策略**:利用浏览器缓存、服务端缓存、分布式缓存等技术,减少重复请求,提高响应速度。 ...
总结来说,本Demo将涵盖.NET WebAPI的基本使用,以及如何结合第三方库处理PDF和图像数据。通过实践这个项目,开发者不仅可以掌握WebAPI的基本开发技巧,还能了解到PDF处理和图像转换的相关知识,这对于构建复杂的...
总结,Web图片服务器是支撑现代互联网应用的重要组成部分,尤其在教育领域,它极大地促进了信息的传播和学习体验的提升。理解其工作原理并掌握优化策略,对于构建高效、优质的在线教育平台至关重要。
3. 图片优化: - 使用合适的图片格式:JPEG用于连续色调图像,PNG用于透明或颜色较少的图像。 - 压缩图片,减少文件大小。 - 利用SVG图标系统,减少图标资源体积。 4. HTML结构优化: - 保持HTML结构清晰,便于...
通过对Web测试内容的全面总结,我们了解到一个成功的Web测试项目需要关注众多方面,包括但不限于页面元素验证、系统兼容性、导航结构优化等。通过这些细致入微的测试工作,不仅能提升Web应用的质量,还能显著改善...
总结来说,"web图片素材"这一主题涵盖了一系列可用于Web设计的无背景图像资源,特别是1799个图标,它们在构建用户界面、增强视觉效果和提高网站易用性方面发挥着重要作用。同时,理解并遵守版权规定,以及正确处理和...
这份名为"Web前端技术(期末复习 选填、判断、简答、编程等超全总结).zip"的压缩包文件包含了全面的Web前端学习资源,适合期末复习和备考。以下是基于该压缩包文件可能包含的知识点的详细说明: 1. HTML...
在“Web学习总结(2)”这篇博文中,作者Fernador主要分享了他在Web开发领域的深入学习体验和一些实用工具的使用心得。虽然没有直接给出详细的描述,但我们可以从标题和标签中推测出一些关键知识点。以下是根据这些...