Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >隐藏的图像,用背景图像SEO替换

隐藏的图像,用背景图像SEO替换
EN

Webmasters Stack Exchange用户
提问于 2015-04-17 02:46:18
回答 1查看 539关注 0票数 2

我在画廊里有照片。为了让我更容易地裁剪图像以适应我想要使用背景而不是图像的框。

谷歌对此有何看法?用visibility: hidden隐藏图像(以获得正确的比例),然后将背景图像添加到“前”元素中?

这不是欺骗用户,但谷歌可能会看到隐藏的内容?

EN

回答 1

Webmasters Stack Exchange用户

回答已采纳

发布于 2015-04-17 03:29:27

Google (和其他机器人)会看到你的html。如果你把它当成图像,他们会看到的。如果你把它写到背景上,他们不会注意到的,所以不会有任何效果。

不过,谷歌(或许还有其他机器人)已经开始理解javascript了。我建议不要隐藏图像,简单地删除它或加载它作为背景在第一。

在这种情况下,我的建议是从一开始就把它作为背景。如果你的html是整洁的,那一点alt不会给你那么多的果汁;)

根据你的评论和话题,如果你让它们固定大小,你可以为自己节省大量的工作:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.item{
    width: 100px;
    height:100px;
    background: url('image.jpg');
    background-size:cover;
}

背景大小的覆盖总是显示尽可能多的图像,以最少的溢出水平或垂直。也就是回应。

票数 4
EN
页面原文内容由Webmasters Stack Exchange提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://webmasters.stackexchange.com/questions/79302

复制
相关文章
使用 OpenCV 替换图像的背景
在我们的某项业务中,需要通过自研的智能硬件“自动化”地拍摄一组组手机的照片,这些照片有时候因为光照的因素需要考虑将背景的颜色整体替换掉,然后再呈现给 C 端用户。这时就有背景替换的需求了。
fengzhizi715
2021/02/05
2.4K0
使用 OpenCV 替换图像的背景
SEO图像优化的规则
SEO图像优化的目的主要是为了提升图片在搜索引擎中的曝光率,从而增加网站的关注度。在网站设计中,重点放在图像的规划中,符合规则的图像能在搜索中发挥巨大的作用,在图像板块中位于首页,更有利于推广活动。研究图片的关键字。想要图片在搜索引擎中能够在较前的排名,您需要知道正在搜索的内容。根据SEO研究提前规划您的图像描述,这可以通过Semrush,Semstorm或Ahrefs等众多平台提供帮助。让您的图像出现在查找位置中!将特殊关键字添加到图像描述中。“意见”,“专家意见”,“前10名”,“评论”,“价格”,“比较”,“排名”,“测试”是添加到类别或产品中以查找信息的最常见关键字。回答此需求并将其添加到您的图像中!如果您正在销售手机,请将其设置为:“三星s10测试”或“快速智能手机排名”。规则很简单。左对齐居中对齐右对齐无阴影有阴影标注删除更多添加描述使用相关的图像格式。就像分辨率和大小优化一样,搜索引擎会查看图像的格式,以评估其作为搜索结果显示的价值。格式通常会影响加载的大小和速度,从而影响搜索引擎的选择。所以尽可能使用WebP或类似格式左对齐居中对齐右对齐无阴影有阴影标注删除更多添加描述保证材料质量。不要使用大量的库存图像,尝试引入尽可能多的拍摄精美的产品图像,没有像素化,没有模糊,良好的质量会在搜索引擎中得到更好的推荐,更高的排名。左对齐居中对齐右对齐无阴影有阴影标注删除更多添加描述注意照片的大小。照片的分辨率和大小对搜索引擎来说起着重要作用。不要采取所谓的“越大越好”的方法。尽量将图片保持在5 MB以下,以便快速加载以获得更好的用户体验并提高您在搜索引擎中的位置。包括产品图片!左对齐居中对齐右对齐无阴影有阴影标注删除更多添加描述延迟加载为了使网站排名更高,其图像更受搜索引擎的欢迎,您可以使用延迟加载技术。随着用户在站点中前进,它会逐渐加载图像,从而允许更流畅的浏览以及更短的页面加载时间。它还将改善用户体验,因为它有助于更快地访问内容。左对齐居中对齐右对齐无阴影有阴影标注删除更多添加描述图片替代标记一个好的图片alt标签(您在网站HTML中通过“alt”属性分配给图片的描述文本)的关键是关键字的巧妙放置。不要用流行的关键字过度替代文本,最好使其与图像内容相关,并直观地放置其中的一两个。在多语言网站中,管理所有相关语言的alt标签 - 这意味着更多的本地化任务,但肯定值得一试。左对齐居中对齐右对齐无阴影有阴影标注删除更多添加描述将照片放置在网站内。重要的是,您希望在搜索引擎中排名很高的照片正确放置在网站的文本中。将其放在包含所需关键字的文本附近,并对其进行说明。搜索引擎将从此邻近位置获取信息。电子商务网站将通过构建产品描述和图像彼此非常接近的结构来做好事。左对齐居中对齐右对齐无阴影有阴影标注删除更多添加描述不要忘记文本内容。搜索引擎是一个内容搜索引擎。确保您的文本和视觉内容具有高质量。巧妙地编写SEO建议,并使用相关图像说明您的良好文本。一步一步地,这将作为电子商务业务的总体策略得到回报。这是图像SEO更进一步!左对齐居中对齐右对齐无阴影有阴影标注删除更多添加描述避免将重要内容仅放在图像中。对于搜索引擎来说,从图像中提取内容和含义仍然很困难。如果您打算将重要信息传递给您的客户/读者,请避免仅将其放在图像中。尽管信息图表很有用,但在文本中描述它们对SEO是有益的。左对齐居中对齐右对齐无阴影有阴影标注删除更多添加描述搜索引擎友好的图像网址不仅设计精良的alt标签,而且名称明确的图像也会受到搜索引擎的青睐。使用连字符和描述性名称。诸如DSC123123_a.jpg之类的解决方案。左对齐居中对齐右对齐无阴影有阴影标注删除更多添加描述结构化数据非常重要。搜索引擎会突出显示特殊格式的内容,例如烹饪食谱,简短的传记,产品表等。如果您将网站设计为明确列为结构化数据(包括图像)的格式内容,则可以从搜索结果列表中的公开位置中受益。左对齐居中对齐右对齐无阴影有阴影标注删除更多添加描述结论通过我们的指南列表,我们引导您解决了图像优化问题。现在,是时候在实践中运用你的知识了。SEO图像优化的规则
ORBITVU_欧保图
2023/03/17
1.6K0
SEO图像优化的规则
背景图像效果
百分比则为使用对应点,假设设left:20%;则浏览器会在距离图片左边20%,同时设为距离元素左边的20%;如图:
菜的黑人牙膏
2019/01/21
9450
WP SEO 技巧:图像命名
WordPress 生来就是一个很强的 SEO(search engine optimization)平台,这能够对 Google,Yahoo! 和 MSN 这些大型的工业搜索引擎非常有帮助。作为社区化生活的一部分,人们时常使用搜索引擎去搜索东西,最后他们可能到了一些 blog,可能就有您的。
Denis
2023/04/13
2530
[AIGC服务] ReplaceAnything | 图像内容任意替换
在人工智能驱动的软件开发不断发展的格局中,ReplaceAnything 作为一种尖端工具出现,使开发人员和创意人员能够彻底改变他们的内容创建过程。这一创新的应用程序可让您根据您的描述无缝地用新生成的图像替换图像的任何部分。此类技术的影响涵盖从数字营销到游戏开发的各个领域,让我们得以一睹创造力边界显着扩展的未来。
iResearch666
2024/02/06
7610
[AIGC服务] ReplaceAnything | 图像内容任意替换
解密隐藏JPEG图像中的数据
我只会解释这个hexdump解释相关的部分。这里只有几个重要的字节来实现我们在这篇博客文章中试图做的事情。
半月弧
2020/07/15
2.5K0
解密隐藏JPEG图像中的数据
OpenCV图像藏密--将图像隐藏到另一张图像中
密码学的应用流行多年并且技巧繁多。本文所有介绍的是图像藏密(image steganography)的隐藏技术。而密码学分为加密和解密,本文先介绍加密再介绍解密。1
程序员小涛
2020/12/03
2.2K0
OpenCV图像藏密--将图像隐藏到另一张图像中
【Image J】图像的背景校正
答:无论是明场还是荧光场的图像,都可能出现一定程度的光照不均匀。这种不均匀不仅影响图像的美观,而且也会影响对该图像的测量分析(尤其是荧光图像)。如下:
Mark Chen
2021/01/11
5.9K0
【Image J】图像的背景校正
如何使用 Python 隐藏图像中的数据
秘密数据可以是任何格式的数据,如文本甚至文件。简而言之,隐写术的主要目的是隐藏任何文件(通常是图像、音频或视频)中的预期信息,而不实际改变文件的外观,即文件外观看起来和以前一样。
小白学视觉
2022/02/14
4K0
如何使用 Python 隐藏图像中的数据
图像隐写,如何在图像中隐藏二维码
在某个App中有一个加密水印的功能,当帖子的主人开启了之后。如果有人截图,那么这张截图中就是添加截图用户、帖子ID、截图时间等信息,而且我们无法用肉眼看出这些水印。
ZackSock
2022/11/11
4K0
图像隐写,如何在图像中隐藏二维码
python图像处理-像素操作换背景(上)
本系列课程是针对无基础的,争取用简单明了的语言来讲解,学习前需要具备基本的电脑操作能力,准备一个已安装python环境的电脑。如果觉得好可以分享转发,有问题的地方也欢迎指出,在此先行谢过。
叶子陪你玩
2020/03/12
1.1K0
python图像处理-像素操作换背景(下)
本系列课程是针对无基础的,争取用简单明了的语言来讲解,学习前需要具备基本的电脑操作能力,准备一个已安装python环境的电脑。如果觉得好可以分享转发,有问题的地方也欢迎指出,在此先行谢过。
叶子陪你玩
2020/03/12
1K0
python 快速简单实现图像背景更换
1. 开发准备 Python 3 解释器 OpenCV-Python库 cvzone库 mediapipe库(cvzone库依赖) pip安装命令如下:
matinal
2023/10/13
2570
python 快速简单实现图像背景更换
IOS – OpenGL ES 调节图像色彩替换 GPUImageFalseColorFilter
GPUImageFalseColorFilter 属于 GPUImage 颜色处理相关,用来处理图片色彩替换,分别指定用什么颜色代替图像的暗部和亮色区域。默认值为(0.0,0.0,0.5)和(1.0,0.0,0.0),shader 源码如下:
猿说编程[Python和C]
2023/03/21
4480
IOS – OpenGL ES 调节图像色彩替换 GPUImageFalseColorFilter
图像处理——目标检测与前背景分离
本文介绍了图像处理中的目标检测和前景背景分离,重点介绍了基于深度学习的方法。具体包括像素点操作、低秩矩阵应用和深度学习中的注意力模型等。
码科智能
2018/01/03
5.5K0
图像处理——目标检测与前背景分离
如何使用深度学习去除人物图像背景
作者:Gidi Shperber 参与:Nurhachu 、黄小天 近日,Medium 上出现了一篇题为《Background removal with deep learning》的文章,讲述的是
IT派
2018/03/28
3K0
如何使用深度学习去除人物图像背景
小心!你看到的图像可能隐藏了重大机密。
你能从图片上看到如下机场地图么?不要怀疑,美国FBI真的就将这张地图信息隐藏到了上面的图片中。所以我们平时看到的图片,有可能隐藏了我们所不知道的重要信息。
小白学视觉
2019/05/30
6320
用FreeSWITCH进行图像处理
是的,最流行也是最标准的图像处理工具当然是PhotoShop,PhotoShop如此流行,以至于它的缩写PS都成了图像处理的代名词。但是,PhotoShop唯一的缺点就是太贵,这些钱对于设计人员来说当然是值得花的,但对于广大程序员来说,它是个低频应用,可能一年中也用不了几次,就不合算。有时候实在需要,我也是使用GIMP凑合着用。GIMP是开源的,也能用,但说实话用起来确实不如PhotoShop顺手。
杜金房
2020/12/21
9120
用FreeSWITCH进行图像处理
用python绘制数学图像
在很多数学问题中人工计算其实非常的麻烦,我们可以多利用计算机的强大算力来给求解数学问题.
算法与编程之美
2023/08/22
1670
用python绘制数学图像
用Python做图像处理[通俗易懂]
最近在做一件比较 evil 的事情——验证码识别,以此来学习一些新的技能。因为我是初学,对图像处理方面就不太了解了,欲要利吾事,必先利吾器,既然只是做一下实验,那用 Python 来作原型开发再好不过了。在 Python 中,比较常用的图像处理库是 PIL(Python Image Library),当前版本是 1.1.6 ,用起来非常方便。大家可以在 http://www.pythonware.com/products/pil/index.htm 下载和学习。
全栈程序员站长
2022/08/27
1.5K0
用Python做图像处理[通俗易懂]

相似问题

SEO背景图像和seo的img标签

10

SEO背景图像加载优化

20

SEO (速度):SVG与背景-图像与图像标记

30

当我隐藏图像时,我应该关心SEO吗?

20

在404错误上隐藏图像会影响SEO吗?

20
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文