背景图片和搜索引擎优化

2024-03-15

目前,我的网站上有一些在 CSS 文件中定义为背景图像的图像。

代码如下所示。

HTML:

<a href="http://domain.com" title="Website Title" class="image"></a>

The CSS:

 .image {
    background: url("../img/deelnemende-organisaties/arcadis.png") no-repeat;
 }

由于此背景的一些其他 CSS3 效果,无法将背景更改为正常背景<img> tag.

现在我想知道使用背景图像并保持尽可能高的 SEO 排名的最佳方法是什么。

我看到了一些解决方案:

  • 将文本放入<a>标签,然后用 CSS 隐藏它text-indent: -9999em
  • 仅在包含文本的标签上放置标题属性
  • 在标签中放置一个与标签标题相同的透明标签
  • 保留我在示例中的做法,并在 XML 文件中构建所谓的图像站点地图

现在我不确定什么是最好的解决方案,我不想通过做一些他们称之为非法的事情来破坏我的 SEO 排名。


我看到了一些解决方案: - 将文本放入标签中,然后使用带有文本缩进的 CSS 隐藏它:-9999em - 仅在包含文本的标签上放置标题属性。 - 在标签中放置一个与您的标签具有相同标题的透明标签 - 保留它,就像我在示例中一样,并在 XML 文件中构建所谓的“图像站点地图”。

作为一个拥有两年文案和 SEO 领导经验的人来说,其中两种技术会让你受到惩罚,而且很难恢复,这绝对被认为是黑帽。就图像而言,您唯一能做的就是编写良好的替代图像标签,以简洁准确地描述图像,以供 Google 等图像搜索使用。使用 alt 标签,例如:

<img src="myimage.png" alt="Dog running in front of Redwood Trees"></img>

这已经有两年了,对于 SEO 来说已经相当老了,但大多数基础知识仍然是正确的,而且 SEOMoz 是一个你通常可以信任这些信息的地方。

http://www.seomoz.org/blog/image-seo-basics-whiteboard-friday http://www.seomoz.org/blog/image-seo-basics-whiteboard-friday

现在,在图像方面有一个“最佳实践”。图片对于 SEO 来说作用不大,但如果图片漂亮且有趣,它们确实可以帮助人们留在您的网站上。如果您将漂亮的图片放在 Facebook 和 Pintrest 等网站上,这会有所帮助,这些网站也会增加您网站的流量并帮助您被发现。虽然这些是 SMO(社交媒体优化)而不是 SEO,但它仍然是良好网页设计的一部分,可以为您带来更多流量并最终提高您的 PageRank。永远不要做任何黑帽事情。希望有帮助!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

背景图片和搜索引擎优化 的相关文章

  • 在 javascript、jQuery 或 css 中,如何让 div 或 iframe 展开以填充其余空间

    我有三个 iframe 我将顶部 iframe 设置为 50px 高度 将底部 iframe 设置为 50px 但我希望中间 iframe 扩展以填充其余空间 有没有一种技术可以用来对任何窗口屏幕尺寸执行此操作 谢谢 example
  • GWT - 如何组织项目以拥有多个网页以及它们之间的导航

    我是 GET 的新手 顺便说一句 它给我留下了深刻的印象 并且发现它对于像我这样熟悉 C NET 桌面技术并愿意编写 Web 应用程序的人来说非常有吸引力 我根据 GWT Eclipse 向导生成的示例启动了自己的项目 该项目生成带有面板的
  • Chromium 嵌入式框架支持 HTML5 音频吗?

    我一直在玩 CefSharp 但似乎无法播放任何音频 我可以让音频控件出现 但它们保持冻结状态 这些是我使用的版本 Chromium 21 0 1180 0 CEF r728 CefSharp 0 12 4596 50 我先尝试了 mp3
  • IE 中的 HR 标签 - 删除边框

    在除 IE7 及更低版本之外的其他浏览器中 hr 在 hr 标签周围显示边框 但我不希望它出现 我已经尝试过这个解决方案 但它周围似乎仍然有边框 它看起来像这样 我该如何摆脱它 See http webdesign about com od
  • html css 下拉菜单

    这是我第一次在 Stack Overflow 上发帖 我不熟悉论坛发帖规定 所以请让我知道我做错了什么 我在论坛中研究过这个问题 但我所遇到的一切都没有给我明确的答案 我试图从 新闻 元素创建一个下拉菜单 但在运行代码时我从未得到任何可见的
  • 获取点击的的DOM路径

    HTML div class lol a class rightArrow href a div 伪代码 rightArrow click function rightArrowParents this dom dom is the pse
  • Django - 提交具有同一字段多个输入的表单

    预警 我对 Django 以及一般的 Web 开发 非常陌生 我使用 Django 托管一个基于 Web 的 UI 该 UI 将从简短的调查中获取用户输入 通过我用 Python 开发的一些分析来提供输入 然后在 UI 中呈现这些分析的可视
  • 计算文本选择的 xy 位置

    我正在尝试使用 DOM 元素创建自己的文本选择 是的 我的意思是当您在此元素中选择文本时 您会在文本后面看到蓝色背景 这个想法是停止默认行为 蓝色 并使用我自己的元素来完成工作 方法是找到选择的 xy 位置 然后放置绝对定位的元素 我希望能
  • Knockout.js 安全绑定

    我想使用带有淘汰赛的安全绑定 为此我使用敲除安全绑定 js https github com brianmhunt knockout secure binding 谁能解释一下为什么下面的代码不起作用 它会抛出一个错误 未捕获 淘汰 安全
  • 如何使用Python保存“完整的网页”而不仅仅是基本的html

    我正在使用以下代码来使用 Python 保存网页 import urllib import sys from bs4 import BeautifulSoup url http www vodafone de privat tarife r
  • 从输入类型编号获取无效值

    我正在使用输入类型数字 当它无效时 我如何从中获取值 例如 使用类型编号并仅打印 e 这本身是无效的 我正在使用 React 但我认为这个问题非常普遍 onChange event console log event target valu
  • 从 html 属性中删除单引号和双引号,并且除 href 和 src 之外的所有属性上都没有空格

    我正在尝试从 html 属性中删除单引号和双引号 这些属性是没有空格的单个单词 我写了这个有效的正则表达式 type title data toggle colspan scope role media name rel id class
  • JavaScript 中带前导零的数字发生变化

    我使用 print 语句从 php 调用 javascript 函数来打印 html 代码 并且传入一个整数 但是 在 php 中传递的值与 javascript 函数接收到的数字不匹配 我不知道为什么 这是调用 javascript 函数
  • Javascript 使事件点击和语音识别与多个按钮一起工作

    所以我正在使用 webkitSpeechRecognition 并且它工作得很好 但问题是我想同时在多个地方使用它 当我将它添加到页面上的另一个部分时 它无法正常工作 这是它自己工作的情况 var final transcript var
  • 如何处理 Django 中的错误

    我想让我的 django 应用程序尽可能对用户友好 并且我想处理适当的错误并让它推出类似于 javascript 中的警报的错误消息 我想在没有上传文件时执行此操作 因此 当按下上传按钮并且尚未上传任何内容时 将会发出一条警报消息 我的看法
  • 水平滚动的表格上的“粘性”标题......完全不可能?

    经过过去几个小时的研究后 我开始认为这是不可能的 即使在最新的浏览器上也是如此 HTML table具有水平滚动的元素 带有 粘性 thead在顶部 作为垂直滚动的周围网页的一部分 这是我的尝试 a height 100px backgro
  • 如何转义 HTML 字符?在.NET中-->“

    如何在 NET 中转义 HTML 字符 我正在从 json 字符串中获取 html 并在标题中得到 amp quot more text 看起来我需要做两次才能得到 amp quot 成为 quot 那么它就是一个 如何转义 NET 中的所
  • 如何使跨度标签不可删除?

    我正在尝试使 contenteditable div 内的跨度标记不可删除 div Editable span Read Only span div 只读范围确实是只读的 但我可以通过单击删除键来删除整个范围 有没有一种属性方法可以告诉sp
  • 电话输入自动填充会删除国际前缀

    我有一个类型为 tel 的输入字段 并启用了自动完成功能
  • 如何使整个跨度落入新行?

    这个片段显示了我想要的 http jsfiddle net 945Df 3 http jsfiddle net 945Df 3 div class sup strong a href Rosario Santa Fe Argentina a

随机推荐

  • 将 div 及其关联元素转换为 canvas jquery?

    有没有办法使用 Jquery 将 HTML Div 及其关联元素转换为画布并将画布转换为图像 我已经浏览过以下网站 它只会转换整个 HTML 页面并渲染到正文 任何人都可以帮我找到它 您可以通过 SVG 及其它的形式将 HTML 渲染到画布
  • MySQL:更新语句期间“where 子句中的未知列”

    UPDATE Recipes RE SELECT SUM i iCaseCost i iCaseQty i iUnitSize i iUnitSoldBy ri riQty ri riMeasureBy AS RecipeCost FROM
  • 如何更新本地aar包源

    我创建了两个 Android Studio 应用程序 aar 库就是其中之一 我在第二个应用程序中使用了这个 aar 库 我通过使用 File gt New gt New Module gt Import AAR JAR Packages
  • 如何在eclipse中添加mysql驱动jar文件

    我有 jar 文件 mysql connector java 5 1 14 bin jar我想将它添加到我的项目中 我通过以下方式添加 jar 项目 gt 属性 gt Java 构建路径 库并从外部 jar 添加它 但是当我尝试使用它并编写
  • 如何为 ng-bootstrap datepicker 设置 minDate

    下面是我用来设置 minDate 的代码
  • 如何在 MVC6 中注册路由约束

    在以前的 MVC 版本中 有很多关于如何创建路由约束的教程 为属性路由注册 ASP NET MVC 路由约束 http www khalidabuhakmeh com registering asp net mvc route constr
  • OpenPGP/X.509 桥:如何验证公钥?

    我想用通过 TLS 的 OpenPGP 身份验证 https www rfc editor org rfc rfc6091 但由于缺乏实现 我使用了临时解决方案 OpenPGP X 509 桥接证书 该方法与 Foaf 中使用的方法非常相似
  • 如何比较 2 个 Xcode 目标

    我如何比较 Xcode 中同一项目的两个目标之间的差异 我想看看源代码中的差异 也许还有构建信息 您可以通过选择目标然后 级别 来比较构建设置 据我所知 没有简单的方法来比较每个目标中包含哪些源文件
  • spring amqp-outbound gateway 生成来自不同 thead 的回复(如 jms-outbound gateway)

    问题陈述 Spring amqp outbound gateway 从不同线程生成回复 像 jms outbound gateway 一样 具有不同的队列 使用相关键关联请求 响应 无法将该消息与此示例关联起来 弹簧集成
  • Windows CreateFile 可能的错误代码

    我正在尝试将 Windows Linux 和 Mac 文件 IO 调用抽象为宏 以避免 C 运行时 所以没有fopen fclose ETC 我实际上做了很多工作 但遇到了绊脚石 我试图将每个平台可能抛出的所有可能错误归结为常见错误的子集
  • codeigniter 中的 allowed_uri_chars

    从 Facebook 返回时 使用 Facebook 登录 我收到错误 您提交的 URI 包含不允许的字符 我已将 allowed uri chars 设置如下 config permitted uri chars a z 0 9 我的网址
  • 在 Woocommerce 中以编程方式应用优惠券

    在 Woocommerce 中 如果购物车中的重量超过 100 磅 我试图找到一种对整个客户订单应用 10 折扣的方法 我正在实现这一目标 对于下一步 我正在寻找一种通过functions php 通过action hook 以编程方式应用
  • 在哪里可以找到 DownloadManager 的 ContentProvider 实现

    我已经尽可能多地搜索了android的开源代码 但我还没有找到通过2 3 SDK中的DownloadManager进行实际下载的实现 我已经找到了下载管理器的源 http grepcode com file repository grepc
  • 两个类之间的 iPhone KVO

    我的应用程序中有两个类 A 类和 B 类 A 类和 B 类都是 UIViewController 的实例 A 类有一个按钮 按下该按钮时会将 B 类推入堆栈 B 类有一个字符串 A 类希望观察该字符串并根据需要更新其接口 我已经能够使用 s
  • Java将“Excel日期序列号”转换为“日期时间”[重复]

    这个问题在这里已经有答案了 如何使用Java将 Excel日期序列号 即33257 415972222225 转换为DateTime 即19 01 1991 09 59 00 您还可以查看Apache POI 源代码 https githu
  • 如何用 swift 创建一个闹钟应用程序?

    我正在尝试用 swift 创建一种闹钟应用程序 但我不知道如何设置闹钟模型 我试过了UILocalnotification但我不希望我的用户除了设置闹钟之外参与闹钟应用程序的流程 然后尝试了NSTimer and NSRunloop等等 但
  • 相机插件 flutter web

    你好我想知道是否有一个用于 flutter web 的相机插件 以便拍摄照片并将其存储在临时路径中 然后将其上传到 firestorage 如果我理解正确 我希望您已经尝试过这些软件包 image picker 和 image picker
  • 如何在WP中将CookieContainer设置为BackgroundTransferRequest对象?

    我在用BackgroundTransferRequest and BackgroundTransferService用于上传一些数据 无论如何我可以设置CookieContainer to the TransferRequest None
  • @AutoConfigureWebMvc 和 @AutoConfigureMockMvc 有什么区别?

    在什么情况下我应该使用每一个 AutoConfigureWebMvc 如果您需要配置 Web 层进行测试但又不这样做 请使用此选项 需要使用MockMvc 它启用与 Web 层相关的所有自动配置ONLY网络层 这是整体自动配置的一个子集 它
  • 背景图片和搜索引擎优化

    目前 我的网站上有一些在 CSS 文件中定义为背景图像的图像 代码如下所示 HTML a href http domain com title Website Title class image a The CSS image backgr