图片SEO：alt标签和title标签的优化

• 发布时间: 2019-12-27
• 阅读次数: 1026

在您的文章中添加图片会鼓励人们阅读它们，精心选择的图片也可以提升阅读体验，并在图片搜索结果中获得良好的排名。但是，您应该始终牢记为图像赋予良好的alt属性：替代文本可通过搜索引擎蜘蛛增强文章的信息，并改善网站的可访问性。本文介绍了有关alt和title属性以及为什么要对其进行优化的所有内容。

注意：术语“alt标签”是img标签上的alt属性。您网站上任何图片的alt属性都应描述其中的内容。盲人和视力障碍者的屏幕阅读器将朗读此文本，从而使您的图像更容易使用。

在我们深入之前，如果您想了解有关图像SEO和其他基本SEO技能的更多信息，请查看我们的全方位
SEO教程！它不仅告诉您关于SEO的信息，还可以确保您知道如何将这些技能付诸实践！

什么是alt属性和title属性？

这是一个完整的HTML图像标签：

图像的alt和title属性通常被称为alt标签和title标签，尽管从技术上讲它们不是标签。替代文字描述图像上的内容以及页面上图像的功能。因此，如果您将图片用作购买产品X的按钮，则替换文字应显示：“购买产品X的按钮”。

alt标签由屏幕阅读器使用，屏幕阅读器是盲人和视障人士使用的浏览器，用于告诉他们图像上的内容。当您将鼠标悬停在元素上时，title属性将显示为工具提示，因此，在使用图像按钮的情况下，图像标题可能包含额外的号召性用语，例如“现在以19元的价格购买产品X！”，这不是最佳实践。

每张图片应该有一个替代文字，不只是为搜索引擎优化的目的，但也因为盲人和有视力障碍的人不会知道，否则图像是关于什么的，但是title属性不是必需的。而且，大多数情况下，添加它没有任何意义。它们仅对鼠标（或其他定点设备）用户可用，并且在仅有的一种情况下，该title属性要求可访问性为on 和<frame>标记。</p> <p> 如果title属性传达的信息是相关的，请考虑将其以纯文本格式提供给其他地方，如果不相关，请考虑title完全删除该属性。</p> <h3> 但是，如果图像没有目的怎么办？</h3> <p> 如果设计中存在纯粹出于设计原因的图像，则  说明这样做是错误的，因为这些图像应在CSS中，而不是HTML中。如果您确实无法更改这些图像，请为它们提供一个空的alt属性，如下所示：</p> <p> <img src=”image.png” alt=””></p> <p> 空的alt属性可确保屏幕阅读器跳过图像。</p> <h2> 替代文字和SEO</h2> <p> 搜索引擎在图片方面的文章标题为“使用描述性替代文字”。这并非巧合，因为搜索引擎在替代文字上给予了较高的重视，不仅可以确定图片上的内容，还可以确定其与周围文字的关系。这就是为什么在我们的SEO内容分析中，我们有一项功能可以专门检查您是否至少有一张带有alt标签的图像，其中包含您的核心关键词。</p> <p> 我们会检查您网页中的图像及其替代文本：我们绝对不是在说您应该将核心关键词设置到每个alt标签中。您需要为网页提供优质，高质量的相关图像，在alt文本中使用核心关键词才有意义。以下是搜索引擎有关选择优质替代文本的建议：</p> <blockquote> <p> 选择替代文本时，应着重于创建有用的，信息丰富的内容，这些内容应适当地使用关键词，并且要与页面内容相关。避免用关键词填充alt属性，因为这会带来负面的<a href=”/mcjs/648.html”>用户体验</a>，并可能导致您的网站被视为垃圾邮件。</p> </blockquote> <p> 如果您的图像是特定产品，请在alt标签中同时包含完整的产品名称和产品ID，以便于查找。一般而言：如果关键短语可用于查找图像上的某些内容，请尽可能  将其包含在alt标签中。另外，不要忘记将图像文件名更改为实际描述其内容的名称。</p> <h2> 了解有关图片SEO的更多信息？</h2> <p> 我们有一篇关于图片SEO的非常受欢迎（且更长）的文章。该文章采用了多种不同的方式来优化图像，但是在涉及到alt和title标签方面却相对缺乏细节，将其视为该文章的附加内容。建议您在这里完成后阅读。</p> <p> 阅读更多：<a href=”/seojc/seojq/603.html” target=”_blank”>如何利用图片SEO以获得最佳用户体验？</a></p> <div class=”article-footer”> <div class=”article-share”> <ul class=”social”> <li><a href=’/tag/%E5%9B%BE%E7%89%87SEO’ target=”_blank” title=”图片SEO” rel=”tag”>图片SEO</a></li><li><a href=’/tag/%E5%86%85%E5%AE%B9SEO’ target=”_blank” title=”内容SEO” rel=”tag”>内容SEO</a></li> </ul> </div> </div> <div class=”post-navigation”> <div class=”navigation-links”> <div class=”nav-previous”> <a href=”/seorm/684.html”>什么是重定向？它对SEO有什么作用？</a> </div> <div class=”nav-next”> <a href=”/seorm/697.html”>百度如何运作？实际做什么？</a> </div> </div> </div> <h3 class=”related-posts”>相关文章</h3> <div class=”row”> <div class=”col-lg-6 col-sm-6″> <div class=”b-d-s-item”> <a href=”/seorm/687.html” title=”图片SEO：alt标签和title标签的优化” target=”_blank”> <img src=”/uploads/allimg/191227/1-19122G14354411-lp.jpg” alt=”图片SEO：alt标签和title标签的优化”> <h3>图片SEO：alt标签和title标签的优化</h3> </a> <p>在您的文章中添加图片会鼓励人们阅读它们，精心选择的图片也可以提升阅读体验，并在图···</p> <a href=”/seorm/687.html” title=”图片SEO：alt标签和title标签的优化” target=”_blank”>了解更多</a> </div> </div> </div> </div> </div> </div> <div class=”col-lg-4 col-md-12″> <aside class=”widget-area” id=”secondary”> <section class=”widget widget-peru-posts-thumb”> <h3 class=”widget-title”>SEO教程</h3> <div class=”post-wrap”> <article class=”item”> <a href=”/seojq/928.html” title=”为您的用户和SEO制作出色的网站菜单” target=”_blank” class=”thumb”> <img src=”/static/upload/image/20220325/1648174945173035.png” class=”fullimage cover bg1″> </a> <div class=”info”> <time datetime=”2022-03-25″>2022-03-25</time> <h4 class=”title usmall”> <a href=”/seojq/928.html” title=”为您的用户和SEO制作出色的网站菜单” target=”_blank”> 为您的用户和SEO制作出色的网站菜单 </a> </h4> </div> <div class=”clear”></div> </article> <article class=”item”> <a href=”/seorm/927.html” title=”您应该每月提交站点地图吗？” target=”_blank” class=”thumb”> <img src=”/static/upload/image/20220318/1647570475640044.jpg” class=”fullimage cover bg1″> </a> <div class=”info”> <time datetime=”2022-03-18″>2022-03-18</time> <h4 class=”title usmall”> <a href=”/seorm/927.html” title=”您应该每月提交站点地图吗？” target=”_blank”> 您应该每月提交站点地图吗？ </a> </h4> </div> <div class=”clear”></div> </article> <article class=”item”> <a href=”/wzlj/926.html” title=”为什么在2022年优先考虑内部链接？” target=”_blank” class=”thumb”> <img src=”/static/upload/image/20220303/1646317698735438.jpg” class=”fullimage cover bg1″> </a> <div class=”info”> <time datetime=”2022-03-04″>2022-03-04</time> <h4 class=”title usmall”> <a href=”/wzlj/926.html” title=”为什么在2022年优先考虑内部链接？” target=”_blank”> 为什么在2022年优先考虑内部链接？ </a> </h4> </div> <div class=”clear”></div> </article> <article class=”item”> <a href=”/nryh/925.html” title=”如何撰写将在百度上排名的文章？” target=”_blank” class=”thumb”> <img src=”/static/upload/image/20220224/1645707704856616.jpg” class=”fullimage cover bg1″> </a> <div class=”info”> <time datetime=”2022-02-25″>2022-02-25</time> <h4 class=”title usmall”> <a href=”/nryh/925.html” title=”如何撰写将在百度上排名的文章？” target=”_blank”> 如何撰写将在百度上排名的文章？ </a> </h4> </div> <div class=”clear”></div> </article> <article class=”item”> <a href=”/seorm/924.html” title=”为什么W3C验证器对SEO很重要？” target=”_blank” class=”thumb”> <img src=”/static/upload/image/20220217/1645081528130246.jpg” class=”fullimage cover bg1″> </a> <div class=”info”> <time datetime=”2022-02-18″>2022-02-18</time> <h4 class=”title usmall”> <a href=”/seorm/924.html” title=”为什么W3C验证器对SEO很重要？” target=”_blank”> 为什么W3C验证器对SEO很重要？ </a> </h4> </div> <div class=”clear”></div> </article> <article class=”item”> <a href=”/seojq/923.html” title=”搜索引擎没有编制网站索引的14个主要原因” target=”_blank” class=”thumb”> <img src=”/static/upload/image/20220120/1642649730927022.jpg” class=”fullimage cover bg1″> </a> <div class=”info”> <time datetime=”2022-01-20″>2022-01-20</time> <h4 class=”title usmall”> <a href=”/seojq/923.html” title=”搜索引擎没有编制网站索引的14个主要原因” target=”_blank”> 搜索引擎没有编制网站索引的14个主要原因 </a> </h4> </div> <div class=”clear”></div> </article> <article class=”item”> <a href=”/nryh/922.html” title=”内容和搜索引擎优化一起实施会产生更好效果” target=”_blank” class=”thumb”> <img src=”/static/upload/image/20220110/1641783461112841.jpg” class=”fullimage cover bg1″> </a> <div class=”info”> <time datetime=”2022-01-10″>2022-01-10</time> <h4 class=”title usmall”> <a href=”/nryh/922.html” title=”内容和搜索引擎优化一起实施会产生更好效果” target=”_blank”> 内容和搜索引擎优化一起实施会产生更好效果 </a> </h4> </div> <div class=”clear”></div> </article> <article class=”item”> <a href=”/seorm/919.html” title=”如何修复图像的替代文字？” target=”_blank” class=”thumb”> <img src=”/static/upload/image/20211201/1638360994638897.jpg” class=”fullimage cover bg1″> </a> <div class=”info”> <time datetime=”2021-12-02″>2021-12-02</time> <h4 class=”title usmall”> <a href=”/seorm/919.html” title=”如何修复图像的替代文字？” target=”_blank”> 如何修复图像的替代文字？ </a> </h4> </div> <div class=”clear”></div> </article> <article class=”item”> <a href=”/seojq/918.html” title=”您应该为SEO投资内容交付网络 (CDN) 吗？” target=”_blank” class=”thumb”> <img src=”/static/upload/image/20211124/1637725927197533.jpg” class=”fullimage cover bg1″> </a> <div class=”info”> <time datetime=”2021-11-24″>2021-11-24</time> <h4 class=”title usmall”> <a href=”/seojq/918.html” title=”您应该为SEO投资内容交付网络 (CDN) 吗？” target=”_blank”> 您应该为SEO投资内容交付网络 (CDN) 吗？ </a> </h4> </div> <div class=”clear”></div> </article> <article class=”item”> <a href=”/seojq/917.html” title=”您的网站排名掉了有哪些原因？该怎么办？” target=”_blank” class=”thumb”> <img src=”/static/upload/image/20211107/1636285741820022.jpg” class=”fullimage cover bg1″> </a> <div class=”info”> <time datetime=”2021-11-10″>2021-11-10</time> <h4 class=”title usmall”> <a href=”/seojq/917.html” title=”您的网站排名掉了有哪些原因？该怎么办？” target=”_blank”> 您的网站排名掉了有哪些原因？该怎么办？ </a> </h4> </div> <div class=”clear”></div> </article> </div> </section> <section class=”widget widget_tag_cloud”> <h3 class=”widget-title”>热门标签</h3> <div class=”post-wrap”> <div class=”tagcloud”> <a href=’/tag/%E9%93%BE%E6%8E%A5%E5%BB%BA%E8%AE%BE’ target=”_blank” title=”链接建设” rel=”tag”>链接建设</a><a href=’/tag/SEO%E5%9F%BA%E7%A1%80′ target=”_blank” title=”SEO基础” rel=”tag”>SEO基础</a><a href=’/tag/%E7%99%BE%E5%BA%A6%E7%AB%99%E9%95%BF’ target=”_blank” title=”百度站长” rel=”tag”>百度站长</a><a href=’/tag/%E5%B9%B3%E5%8F%B0%E6%95%99%E7%A8%8B’ target=”_blank” title=”平台教程” rel=”tag”>平台教程</a><a href=’/tag/%E6%A0%87%E9%A2%98′ target=”_blank” title=”标题” rel=”tag”>标题</a><a href=’/tag/%E6%A0%87%E8%AF%AD’ target=”_blank” title=”标语” rel=”tag”>标语</a><a href=’/tag/SEO’ target=”_blank” title=”SEO” rel=”tag”>SEO</a><a href=’/tag/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E’ target=”_blank” title=”搜索引擎” rel=”tag”>搜索引擎</a><a href=’/tag/%E6%8A%80%E6%9C%AFSEO’ target=”_blank” title=”技术SEO” rel=”tag”>技术SEO</a><a href=’/tag/%E5%86%85%E5%AE%B9SEO’ target=”_blank” title=”内容SEO” rel=”tag”>内容SEO</a><a href=’/tag/%E9%87%8D%E5%A4%8D%E5%86%85%E5%AE%B9′ target=”_blank” title=”重复内容” rel=”tag”>重复内容</a><a href=’/tag/%E9%94%9A%E6%96%87%E6%9C%AC’ target=”_blank” title=”锚文本” rel=”tag”>锚文本</a><a href=’/tag/%E5%85%B3%E9%94%AE%E8%AF%8D’ target=”_blank” title=”关键词” rel=”tag”>关键词</a><a href=’/tag/%E7%94%B5%E5%AD%90%E5%95%86%E5%8A%A1′ target=”_blank” title=”电子商务” rel=”tag”>电子商务</a><a href=’/tag/SEO%E4%BC%98%E5%8C%96′ target=”_blank” title=”SEO优化” rel=”tag”>SEO优化</a><a href=’/tag/%E7%BD%91%E7%AB%99%E9%80%9F%E5%BA%A6′ target=”_blank” title=”网站速度” rel=”tag”>网站速度</a><a href=’/tag/%E5%85%B3%E9%94%AE%E8%AF%8D%E7%A0%94%E7%A9%B6′ target=”_blank” title=”关键词研究” rel=”tag”>关键词研究</a><a href=’/tag/%E7%BD%91%E7%AB%99%E5%AF%BC%E8%88%AA’ target=”_blank” title=”网站导航” rel=”tag”>网站导航</a><a href=’/tag/SEO%E6%8A%80%E5%B7%A7′ target=”_blank” title=”SEO技巧” rel=”tag”>SEO技巧</a><a href=’/tag/SEO%E6%8C%87%E5%8D%97′ target=”_blank” title=”SEO指南” rel=”tag”>SEO指南</a> </div> </div> </section> </aside> </div> </div> </div> </section> <footer class=”footer-top-area pt-100 pb-70″> <div class=”container”> <div class=”row”> <div class=”col-lg-3 col-md-6″> <div class=”single-widget”> <a href=”https://www.025youhua.com”> <img src=”/assets/img/black-logo.png” alt=”图片SEO：alt标签和title标签的优化-南京SEO网站优化网”> </a> <p>南京SEO网站优化网已服务500余家企业，免费SEO诊断数千家网站，全面覆盖南京SEO市场，已经得到了南京地区的广泛关注和高度好评。南京SEO网站优化网为您提供全方位的SEO外包服务！</p> </div> </div> <div class=”col-lg-3 col-md-6″> <div class=”single-widget”> <h3>关于我们</h3> <ul> <li><a href=”/aboutus/” target=”_blank” rel=”nofollow”><i class=”bx bx-chevrons-right”></i>网站简介</a></li> <li><a href=”/join/” target=”_blank” rel=”nofollow”><i class=”bx bx-chevrons-right”></i>申请加入</a></li> <li><a href=”/contact/” target=”_blank” rel=”nofollow”><i class=”bx bx-chevrons-right”></i>联系我们</a></li> <li><a href=”/disclaimer/” target=”_blank” rel=”nofollow”><i class=”bx bx-chevrons-right”></i>免责声明</a></li> </ul> </div> </div> <div class=”col-lg-3 col-md-6″> <div class=”single-widget”> <h3>我们的网站</h3> <ul> <li><a href=”https://www.langzhichao.com/” target=”_blank” rel=”nofollow”><img src=”/images/lzc-logo.png” alt=”浪知潮网络”></a></li> <li><a href=”https://www.51landie.com/” target=”_blank” rel=”nofollow”><img src=”/images/ld-logo.png” alt=”蓝蝶网络”></a></li> </ul> </div> </div> <div class=”col-lg-3 col-md-6″> <div class=”single-widget contact”> <h3>联系我们</h3> <ul> <li class=”pl-0″> <a href=”tel:13372026039″> <i class=”bx bx-phone-call”></i> <span>咨询热线:</span> 13372026039 </a> </li> <li class=”pl-0″> <a href=”mailto:admin@025youhua.com”> <i class=”bx bx-envelope”></i> <span>Email:</span> admin@025youhua.com </a> </li> <li> <i class=”bx bx-location-plus”></i> <span>地址:</span> 南京市龙蟠中路450号3楼 </li> </ul> </div> </div> </div> </div> </footer> <footer class=”footer-bottom-area”> <div class=”container”> <div class=”copy-right”> <p>Copyright © 2016-2021 南京浪知潮网络科技有限公司 版权所有</p> </div> </div> </footer> <div class=”go-top”> <i class=”bx bx-chevrons-up”></i> <i class=”bx bx-chevrons-up”></i> </div> <ul class=”right_nav”> <li> <div class=”iconBox oln_ser”> <img src=”/assets/img/rnqq.png” alt=””> <h4>在线客服</h4> </div> </li> <li> <div class=”iconBox phe_num”> <img src=”/assets/img/rncall.png” alt=””> <h4>联系电话</h4> </div> <div class=”hideBox”> <div class=”hb”> <h5>热线电话</h5> <p style=”color:#2FA1D1″>13372026039</p> </div> </div> </li> <li> <div class=”iconBox”> <img src=”/assets/img/rnphone.png” alt=””> <h4>关注我们</h4> </div> <div class=”hideBox”> <div class=”hb”> <h5>微信扫一扫关注</h5> <img src=”/static/upload/image/20211011/1633936077392131.jpg” alt=””> </div> </div> </li> </ul> <link rel=”stylesheet” href=”/assets/css/owl.theme.default.min.css”> <link rel=”stylesheet” href=”/assets/css/owl.carousel.min.css”> <link rel=”stylesheet” href=”/assets/css/magnific-popup.css”> <link rel=”stylesheet” href=”/assets/css/animate.css”> <link rel=”stylesheet” href=”/assets/css/boxicons.min.css”> <link rel=”stylesheet” href=”/assets/css/flaticon.css”> <link rel=”stylesheet” href=”/assets/css/meanmenu.css”> <link rel=”stylesheet” href=”/assets/css/nav.css”> <script src=”/assets/js/jquery-3.5.1.slim.min.js”></script> <script src=”/assets/js/popper.min.js”></script> <script src=”/assets/js/bootstrap.min.js”></script> <script src=”/assets/js/jquery.meanmenu.js”></script> <script src=”/assets/js/wow.min.js”></script> <script src=”/assets/js/owl.carousel.js”></script> <script src=”/assets/js/jquery.magnific-popup.min.js”></script> <script src=”/assets/js/jquery.nav.min.js”></script> <script src=”/assets/js/form-validator.min.js”></script> <script src=”/assets/js/contact-form-script.js”></script> <script src=”/assets/js/jquery.ajaxchimp.min.js”></script> <script src=”/assets/js/custom.js”></script> <script type=”text/javascript” src=”/assets/js/rightAsk.js”></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement(“script”); hm.src = “//hm.baidu.com/hm.js?ccbb0411355e035e1673062de94b60de”; var s = document.getElementsByTagName(“script”)[0]; s.parentNode.insertBefore(hm, s); })(); </script>