如何在链接是图像时指定链接文本？

Question

我正在创建一个网上商店（我的第一个），在首页上我的客户想要横幅与他们目前的热门交易。当然，我希望谷歌和其他机器人能够理解这些链接的全部内容。我认为（但我不确定）Google会更好地处理我的<a>标记，如果其中包含一些相关文字的话。但横幅只是一个图像。我如何在那里放置文字？ <span style="display:none">可以工作吗？也许是title=""属性？

已添加： OOps，忘了说 - 我将图片作为背景图片放到我的<a>标签上 - 这让我垂直居中。所以没有<img>标签。

Answer 1

Google会为您的图片上的Alt文字属性编制索引。 http://www.search-marketing.info/organic-listings/img-alt.htm

Answer 2

我一直在做<a href="whatever.html"><span style="display:none;">My SEO text</span></a>。我从CSSZenGarden那里学到了这个技巧。 “隐藏”文字的另一种方法是设置text-indent: -100000em;，我相信还有更多。

它在CSS Zen Garden工作，谷歌不惩罚它。搜索"the beauty of css design"，您会看到它已在google上编入索引。

Answer 3

Google无法抓取图片，但Google可以为替代文字编制索引，因此请尝试使用alt-abbr链接图像。