blocks|key|2069321|text|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2069322|目前我在css中使用div's和'background-image‘来放入我的图片。|blockquote|2069323|2069324|2069325|对背景图像执行此操作。对于内容图像，不要这样做。|2069326|2069327|然而，我如何利用这些对我有利的搜索引擎优化？|2069328|2069329|2069330|为人们编写(可访问的)内容。相信搜索引擎能找到它。|2069331|2069332|我过去经常使用alt-tag作为我的搜索引擎优化策略的一部分。|2069333|2069334|2069335|希望它们是good+alt+texts+(希望你指的是属性，而不是标签)。|offset|length|2069336|或者你们是否建议在相关的部分中只使用|2069337|？|2069338|2069339|2069340|内容图像应该使用<img>元素。|style|CODE|2069341|entityMap|0|LINK|mutability|MUTABLE|url|http://www.alanflavell.org.uk/alt/alt-text.html^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|5|E|0|0|0|0|0|0|8|5|0^^$0|@$1|2|3|-4|4|5|6|1F|7|@]|8|@]|9|$]]|$1|A|3|B|4|C|6|1G|7|@]|8|@]|9|$]]|$1|D|3|-4|4|5|6|1H|7|@]|8|@]|9|$]]|$1|E|3|-4|4|5|6|1I|7|@]|8|@]|9|$]]|$1|F|3|G|4|5|6|1J|7|@]|8|@]|9|$]]|$1|H|3|-4|4|5|6|1K|7|@]|8|@]|9|$]]|$1|I|3|J|4|C|6|1L|7|@]|8|@]|9|$]]|$1|K|3|-4|4|5|6|1M|7|@]|8|@]|9|$]]|$1|L|3|-4|4|5|6|1N|7|@]|8|@]|9|$]]|$1|M|3|N|4|5|6|1O|7|@]|8|@]|9|$]]|$1|O|3|-4|4|5|6|1P|7|@]|8|@]|9|$]]|$1|P|3|Q|4|C|6|1Q|7|@]|8|@]|9|$]]|$1|R|3|-4|4|5|6|1R|7|@]|8|@]|9|$]]|$1|S|3|-4|4|5|6|1S|7|@]|8|@]|9|$]]|$1|T|3|U|4|5|6|1T|7|@]|8|@$V|1U|W|1V|1|1W]]|9|$]]|$1|X|3|Y|4|5|6|1X|7|@]|8|@]|9|$]]|$1|Z|3|10|4|C|6|1Y|7|@]|8|@]|9|$]]|$1|11|3|-4|4|5|6|1Z|7|@]|8|@]|9|$]]|$1|12|3|-4|4|5|6|20|7|@]|8|@]|9|$]]|$1|13|3|14|4|5|6|21|7|@$V|22|W|23|15|16]]|8|@]|9|$]]|$1|17|3|-4|4|5|6|24|7|@]|8|@]|9|$]]]|18|$19|$4|1A|1B|1C|9|$1D|1E]]]]

<blockquote>
 At the moment I'm using div's and 'background-image' in css to put in my images. 
</blockquote>

Do that for background images. Don't do that for content images.

<blockquote>
 However, how do I use these to my advantage regarding SEO? 
</blockquote>

Write (accessible) content for people. Trust search engines to find it.

<blockquote>
 I used to use alt-tags a lot as part of my SEO strategy.
</blockquote>

Hopefully they are <a href="http://www.alanflavell.org.uk/alt/alt-text.html">good alt texts</a> (and hopefully you mean attributes, not tags).

<blockquote>
 Or do you guys recommend just using img src in relevant parts?
</blockquote>

Content images should use <code>&lt;img&gt;</code> elements.

blocks|key|2893301|text|如果图片只是出于设计原因，通过css的背景图片添加它，不需要搜索引擎优化的alt。但是当图片对网站的内容很重要时，你应该把它插入到html中，然后使用<img+src=""+alt=""+/>。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2893302|entityMap^0|23|L|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

If the image is just for design reasons, add it via css's background-image and no alt for seo is needed. But when the image is important for the website's content, you should insert it inside the html and then use <code>&lt;img src="" alt="" /&gt;</code>.

blocks|key|2069355|text|这取决于上下文。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2069356|如果您的图像是背景图像(如在平铺背景中，或属于背景的某种形式的图像)，则它应该是背景图像，理论上不需要alt文本。|2069357|如果你的图片是一个内容图片，那么出于可访问性和搜索引擎优化的目的，这应该是一个img元素。|offset|length|style|CODE|2069358|在StackOverflow上已经有一个相当流行的问题，关于"img+vs背景图像“的使用，可以在这里找到：|2069359|When+to+use+IMG+vs.+CSS+background-image?|2069360|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/492809/when-to-use-img-vs-css-background-image^0|0|0|13|3|0|0|0|15|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|X|8|@$F|Y|G|Z|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|10|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|11|8|@]|9|@$F|12|G|13|1|14]]|A|$]]|$1|N|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|O|$P|$5|Q|R|S|A|$T|U]]]]

It depends on the context.

If your image is a background image (as in a tiled background, or some form of image which belongs in the background), then it should be a background image, and in theory no alt text should be required.

If your image is a content image, then for accessibility &amp; SEO purposes, this should be an <code>img</code> element.

Theres already quite a popular question on StackOverflow regarding the use of "img vs background-image" which can be found here:

<a href="https://stackoverflow.com/questions/492809/when-to-use-img-vs-css-background-image">When to use IMG vs. CSS background-image?</a>

blocks|key|5008761|text|任何不遵循the+HTML+spec的东西都是不好的主意。从技术上讲，你可以使用title标签，但是请不要这样做。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|5008762|在SEO中过度优化总是一个坏主意。|5008763|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/html401/struct/global.html#h-7.5.4^0|5|D|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

Anything that doesn't follow <a href="http://www.w3.org/TR/html401/struct/global.html#h-7.5.4" rel="nofollow">the HTML spec</a> is a bad idea. Technically you can use title tags instead, but please, just don't.

Over optimizing in SEO is always a bad idea.

At the moment I'm using div's and 'background-image' in css to put in my images. However, how do I use these to my advantage regarding SEO? I used to use alt-tags a lot as part of my SEO strategy. How do you do this with div's. Or do you recommend just using img src in relevant parts?

Using alt tags with div for SEO reasons?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

目前，我在css中使用div's和‘moment image’来放入我的图片。然而，我该如何利用这些优势来进行SEO呢？我过去经常使用alt-tag作为我SEO策略的一部分。你如何使用div来实现这一点呢?或者你是否建议在相关部分中只使用img src？

问为了SEO的原因在div中使用alt标签？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为了SEO的原因在div中使用alt标签？EN