gif条件的含义是（移动端SEO的发展）

在内容中使用GIF时应优先考虑的SEO

动态GIF内容的优缺点是什么？GIF对SEO是好是坏？这是在您的网站内容中使用GIF时需要了解的所有信息。GIF（图形交换格式的缩写）是网络语言的一部分。

如果您通过百度图片或最大的GIF聚合器之一Giphy进行搜索，则可以从各处看到各种各样的GIF。

动画GIF是一种多媒体文件，可以插入个人消息以及在线公共内容中。搜索引擎将GIF定义为“支持动画和静态图像的图像文件的无损格式”，该格式在1980年代开始流行。GIF可以以更具动感和娱乐性的格式表达情感或场景。

GIF历史

CompuServe的Steve Wilhite构建了GIF以在显示图像时节省内存。

Wilhite的团队想出了一种使用压缩算法并限制颜色数量为这些图像提供服务的方法。

该算法通过识别重复图案而起作用，并且使GIF在创建高性能逼真的图像方面表现出色。

由于文件中包含图像的多个版本，因此您可以将这些图像串在一起以创建循环视频。

此后，GIF的历史悠久。拥有GIF算法的公司Unisys Corp从1995年开始对GIF收取专利使用费-该专利直到2003年才到期。

百度图片出现在2001年，但直到2013年才提供搜索GIF的显式功能。

搜索引擎如何抓取GIF？

此时，搜索引擎似乎以读取所有其他图像的方式读取GIF，只是更加关注能够通过百度图像搜索和共享它们。

百度图片优化技术是确保对GIF进行爬网，解析和索引的一种方法。

GIF对SEO有好处吗？

GIF可以通过所有精心制作的图像都可以用于SEO的方式来提高SEO的效果–它们可以增加点击次数并使人们参与到页面中。

GIF可以共享，而且品牌良好，可共享的GIF在模因生态系统中可以长期生存。

人们喜欢GIF，并且使用它们会破坏长篇文章，并增加内容的相关性。

GIF对SEO不利吗？

GIF对于SEO来说并不坏-只要您正确显示它们，并且不要让它们降低您的网站速度即可。

如果您在文本上依靠GIF或使其过于沉重，则GIF对SEO可能不利。

它们也不利于可访问性–您必须确保GIF符合可访问性准则。

如何修正GIF

自定义您的GIF文件名，使用唯一的GIF，并且至关重要的是，为人们和SEO编写好的替代文本。

您可以将GIF添加到图片站点地图中，以确保百度确切知道它们的位置。

百度表示，使用图像标签将图像添加到站点地图中是很好的。

使用描述性的文件名和alt文本，并确保GIF与周围的文本一起使用。

如果您希望GIF在Google图片中建立良好的索引，则应优化GIF的位置-在相关文字附近并在页面顶部。

您的GIF应该是快速，响应迅速的，并且应该具有良好的URL结构。

让我们在元数据上获取GIF

百度希望知道带有适当的alt标签，描述性文件名，相关的图像上下文，图像标题以及相关链接的富媒体文件后面正在播放什么。

此外，我们鼓励遵循最佳做法准则来处理图片，但与用户对GIF内容的某些偏爱发生冲突。例如，发布图像（包括GIF文件）的最佳做法指南说，不包含图像上的文本，因为它不会被索引。如果添加上下文，则可能会丢失该上下文。

您可以通过添加描述性标题来解决此问题。例如，gif description：[gif的描述，gif中的关键词]。

用户依赖于有限的alt描述，而搜索引擎则依靠这些描述，文件名和周围的页面上下文元素来查找GIF的内容。

通过使这些元素变好，您可以领先于其他GIF包。

您的替代文字应随您的内容一起流动，同时要考虑到可访问性，并且百度可以提取和使用您的GIF。

GIF性能和核心网络生命

GIF可能会降低其所在网页的性能。随着百度越来越重视用户参与性作为排名因素，保持页面快速运行非常重要。

有很多方法可以提高性能。

如何优化您的GIF

您可以使用两种方法来加快GIF的速度。

• 有损压缩。
• 无损优化。

您可以使用图像压缩站点或Photoshop干净地减小GIF的大小并加快网页的速度。

有损压缩是使您的GIF变小的一种方式，这种方式人们不会注意到使它们变得更快。GIF的质量会更差，但是您的网页会更快。

无损优化不会删除任何像素，颜色或信息。它的速度不如经过有损优化的文件快。

有许多在线工具可以帮助您压缩图像。您也可以将GIF转换为APNG文件，以保留更多颜色以获得更好的文件大小。

在Photoshop中保存GIF时使用更好的设置还可以节省网站速度。您还可以将GIF转换为HTML5视频。web.dev网站上有完整的指南，可将GIF转换为HTML5视频。

您可以将GIF转换为MP4视频，然后在网络视频中进行设置；确保它们循环播放，自动播放并保持沉默（例如GIF）。使用视频还可以提供更好的可访问性-有关“暂停，停止，隐藏”的WCAG准则要求用户对运动图像具有一定程度的控制。使用视频比使用GIF更容易实现。

听起来很简单，但是要小心GIF

让我们回顾一下搜索机器人爬行网站的方式。

请记住，如果网站上有太多形式的动态内容，则该网站的性能可能会比没有这些形式的内容的网站慢得多。

换句话说，如果一个站点由成千上万个GIF组成，则无论它们如何以元数据或其他方式呈现，其加载时间都有可能变慢。

缓慢的页面加载时间可能会损害网站的搜索引擎排名。

网站所有者和运营商必须在用户和搜索引擎的竞争利益之间取得平衡，以减少页面加载时间，同时提供更具娱乐性和动态性的页面内容表示。

尽管页面加载时间可能会受到许多现场因素的影响，但最常见的GIF内容难题解决方案是让开发人员减小图像尺寸。

有几种方法可以减少网站上的图像大小，具体取决于网站的构建方式。

GZIP压缩

一种在不影响图像质量的情况下将图像压缩或缩小达70％的技术。

此技术必须由您的Web主机在其服务器上实施。您可以使用此测试来查看您的网站是否已被您的虚拟主机“压缩”。

图像优化

诸如Photoshop之类的桌面程序和诸如Smush.it之类的Web程序可以使用“另存为Web”功能来帮助减小图像尺寸。

图像质量会随着图像的下降而降低，因此，开发人员必须在图像尺寸和质量之间找到最佳结合点。

依靠HTML缩小图像尺寸的开发人员（例如WordPress）实际上并未在服务器上创建更多空间。

相反，Web浏览器仍必须先加载原始图像大小，然后再重新加载图像并将其调整为您分配给它的高度和宽度。

无论哪种方式，您都已经选择了GIF格式而不是其他较大的图像格式，从而在站点和搜索引擎方面获得了帮助。

可访问的GIF问题

可访问性是一个热门问题，它与SEO息息相关：良好的SEO做法往往有助于可访问性，反之亦然。

遵守WCAG对于确保用户可以舒适地访问您的网站很重要。

WCAG准则指出：

“移动，闪烁，滚动。对于（1）自动开始，（2）持续超过五秒钟，（3）与其他内容同时显示的任何移动，闪烁或滚动信息，用户可以使用一种机制来暂停，停止或隐藏除非运动，闪烁或滚动是必不可少的活动的一部分；和自动更新。对于（1）自动开始并且（2）与其他内容同时显示的任何自动更新信息，用户可以使用一种机制来暂停…”

对于GIF，他们建议将动画GIF图像设置为在5秒钟内经过一定次数后停止闪烁。

您可以使用<details> / <summary>之类的HTML元素快速提供更多信息并轻松通过此WCAG标准。

下一代图像格式

Google已开始推广下一代图像格式。WebP是主要的一种，它可以在保持图像质量的同时显着减小图像的大小。WebP既无损又有损。

总结

如果有效地使用GIF内容，则有可能增加特定内容的吸引力。GIF对用户有益，因此可以增加访问您网站的流量。

所有这些因素共同作用，可以间接获得百度的青睐。但是，如果您对GIF感到疯狂，则必须确保搜索引擎仍然可以像没有GIF内容一样有效地索引您的内容。

这可以通过向搜索引擎提供尽可能多的有关内容的信息来实现。您还必须确保网站上存在GIF并不会减慢页面加载时间。

运动图像不会随处可见，请打开您的GIF并进行优化处理吧！

如何优化你的网站的移动端SEO，答案在这里！

移动互联网的使用数量激增，而且不会减少。移动数据流量在过去5年里增长了18倍。到2021年，移动连接设备的数量预计将超过世界人口的116亿。

仅凭这些数字，很明显移动是任何营销策略的巨大游戏改变者。

移动用户在移动时实时消费信息。然而，许多网站设计仍然没有考虑到不同的屏幕尺寸和页面加载时间，这让用户很沮丧。

重要的是，你的网站立即给他们所需的信息，否则他们会离开网站，并在其他网站寻找类似的信息。当这种情况发生时，你不仅是在给你的竞争对手带来潜在的影响，你也在损害你的网站。

那么如何让你的网站对移动端友好呢?如何优化移动SEO?

这篇文章回答了这些问题。首先，让我们来介绍基础知识。

怎样才能成为一个好的移动网站？

用谷歌的术语来说，一个移动友好的网站是“可读和立即可用的”。这意味着用户不需要放大查看内容，链接可以很好地移动，而且你的页面需要水平滚动，所以搜索者可以快速而轻松地从你的移动站点获得他们需要的东西。

页面加载速度也是所有网站的一个重要因素，特别是在移动端。研究表明，即使是加载时间延迟一秒钟，也会打断搜索者的思路，造成糟糕的用户体验。

为了检查你的站点是如何度量的，使用PageSpeed Insights工具。它还提供了一些关于如何改进移动站点的加载时间的指示。

在设计方面，谷歌已经制定了25条原则来指导您在移动站点上提供良好的用户体验。

1) 主页和站点导航

保持在线联系方式在第一屏和中心位置。

保持菜单简短和简洁。

容易返回主页。

不要让促销活动带走流量。

2) 站内搜索

使网站搜索可见。

确保站点搜索结果是相关的。

实现过滤器以提高站点搜索可用性。

引导用户获得更好的搜索结果。

3）商务转换

让用户在提交之前进行探索。

让用户作为客人购买。

利用现有信息最大化便利性。

使用单击调用复杂任务的按钮。

在另一个设备上完成转换很容易。

4) 表单条目

流线信息输入。

简化每个任务的输入方法。

提供选择日期的可视日历。

使用标记和实时验证避免表单错误。

设计有效形式。

可用性和表单因素

5）可用性和表单因素

优化您的整个移动网站。

不要让用户手动缩放。

使产品形象可扩展。

告诉用户哪个屏幕方向效果最好。

将您的用户放在一个浏览器窗口中。

避免使用“全站点”标签。

明白用户的点击位置。

如何判断我的网站是否对移动设备友好?

有几个工具可以帮助你评估你的网站在移动上的表现：

1）接受谷歌手机友好测试。只需输入一个页面URL即可查看页面在移动设备上的执行情况。

2）检查移动可用性报告，查看并修复在您的站点上发现的潜在的移动问题。

3）如果你使用的是像WordPress或Joomla这样的CMS网站，请遵循谷歌关于如何使CMS主题和模板移动友好的说明。

在此之前，请考虑以下几点:

在更改或更新之前备份站点。如果在更新中发生意外，它可以恢复。在云中创建一个本地备份副本和另一个安全层是最好的。

更新CMS到最新版本。它会自动安装安全升级，使你的网站在大多数情况下都很友好。

检查您使用的CMS支持的论坛，以查看人们可能与您的网站的移动版本的共同问题。什么是移动搜索引擎优化，为什么它是重要的？

谷歌的移动第一索引

谷歌逐渐改变了它的搜索算法, 以此来解释移动连接设备的持续增长。在过去的两年里, 它已经重申需要优化移动使用的网站, 并公布了如何使网站移动友好的资源。在2016年，谷歌开始对移动第一索引进行实验。尽管目前它仍然使用单一的网站和应用程序搜索索引，搜索算法最终会将站点的移动版本的内容排序到页面上。

虽然谷歌推动网站的移动友好, 但它仍然抓取电脑版。因此, 您需要确保移动版中的内容和链接与您的电脑板一致。这是为了确保 Google 能够使用正确的内容, 并以与抓取您的电脑版网站时相同的方式来对网站进行排名。

如果你的手机和电脑版之间的差异很大，移动索引将影响排名。例如，如果页面的移动版比电脑版的内容少得多，谷歌将把移动版视为原始版本。

尝试搜索引擎优化策略

作为对Google移动优先索引的回应，网络管理员也把移动搜索引擎优化作为一项优先任务。

一个移动搜索引擎优化策略不仅仅是拥有一个移动响应的网站。它包括优化网站资源，让Googlebot知道，你确实有一个移动网站，在搜索排名中优先排序。

第一步是让谷歌了解你的网站的移动配置。如果您想使用响应性的web签名、动态服务或单独的URL解决方案，这取决于您。

每个移动解决方案都有其优缺点。但只要你设置得当, Google 就能全部理解。

1) 响应设计

谷歌更喜欢这种配置，因为它不需要额外的代码或提示就很容易理解。响应式web设计在相同的URL上提供相同的HTML代码在所有设备上，但是可以以不同的方式呈现显示。

为了向浏览器表明你的页面将会适应所有的设备，Google建议设置viewport并将这个meta标记添加到文档的头部:

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

2)动态服务

有了动态服务, Google 建议您提供一个提示, 即您正在更改基于用户代理的内容, 因为您这样做并不是很明显。

这种配置会改变HTTP头信息，通知Googlebot智能手机抓取移动优化版本的URL。

3)单独的URL

您可以在不同的 url 上承载网站的移动版本:

移动子域 (m.example.com)

一个完全独立的移动域 (example.mobi)

子文件夹 (example.com/mobile)

只要在桌面和移动版本之间正确地实现 two-way 注释, 这些都是可以的。

4) 加速移动页面(AMP)

谷歌在过去一年左右也一直在推动AMP功能。它是HTML的一种简化格式，所以它加载得更快。然而，在可用性和功能性方面，人们一直在抱怨AMP。

一些出版商说，它的价值不像其他配置那样高。这是因为在没有移动版本的情况下，谷歌在AMP功能上对桌面版进行了索引。

无论您选择哪种配置，这里都有一些您应该注意的关键点。

• 当一个页面被格式化为移动时，向谷歌发出信号，帮助谷歌准确地为移动搜索用户提供搜索结果中的内容。

• 避免那些让移动访问者失望的常见错误:

1) 阻止了 JavaScript、CSS 和图像文件

如果Googlebot没有访问到你的页面的资源，它可能不会发现这个页面是“移动友好”的，而且不会正确地服务于移动搜索者。

因此, 保持您的资源抓取。不要使用 robots.txt 阻止搜索引擎访问您的网站上的重要文件, 帮助渲染页面, 包括广告。

2)播放内容

谷歌建议使用HTML5标准标签来包含视频或动画，而不是使用专有视频播放器或将内容放在不支持的格式中

对于使用Flash或其他多媒体播放器的动画内容，您可以使用Google Web Designer在HTML5中创建动画。

3)重定向错误

如果您有独立的移动URL，则需要将移动用户重定向到每个桌面URL。这确保了用户最终在他们所寻找的页面上结束。

4)移动式404s

有些站点在电脑端正常加载，但在移动端显示错误。如果你注意到用户正在用移动设备访问电脑板的网站页面，在一个不同的URL上有一个等价的移动页面，将他们重定向到那个URL，而不是提供一个404页面。另外，确保移动友好的页面不是错误页面。

5) 插播式广告

不要干扰用户完成网站上的任务。使用简单的横幅将您的应用程序与页面内容内联。

6) 不相关的交叉链接

检查你的链接，确保他们把用户引导到正确的页面。

7) 缓慢移动页面

不要让你的访问者等待很长时间才能看到你的内容。目标是在不到一秒的时间内宣传移动页面。

8) 小字体

使用清晰的字体大小来确保字体在不同的设备上可以按预期的大小进行缩放。建议使用16个CSS像素的基本字体大小。

9) 相近的触摸元素

为手指设计按钮和链接，以避免意外的点击。

设计和内容的协调

用户访问你的站点是为了满足他们的需求，但是他们想要最快得到他们想要的结果。考虑到屏幕尺寸和带宽等移动设备的局限性，设计的重点是更有效地突出内容。

话虽如此，在移动网站上说内容超过设计，或者设计比内容更重要，这是不准确的。这两个元素在所有设备上都是同等重要的。

但与电脑板不同的是，你可以将两部分内容并排放在一起，你必须在你的移动站点中有一个内容层次结构，这样用户体验就会高。最重要的消息总是出现在顶部，例如您的公司名称、徽标和CTA;其次是由上下文和时间敏感性决定的二级和三级内容。

视觉对移动设备的重要性

视觉内容在移动设备上的参与度最高。仅在YouTube上，51%的视频游戏都在移动设备上。移动端在社交媒体网络上的花费也占了近80%的时间，在这些社交媒体上，照片和视频可以获得更多的互动。

当涉及到移动站点时，图像和视频的优化是必须的。它们会吸引你的用户，提升你的移动搜索引擎优化。

如何优化移动SEO的视频

如果你需要在你的网站上发布很多视频，那么最好是使用YouTube视频让你在移动设备上的观看更加顺畅。

根据谷歌的最佳视频实践，你的视频将会在搜索结果中曾现。

→用schema.org来标记你的视频。

Schema模式标记是一种将机器可读信息添加到内容中的语言。添加到您的视频内容中，可以更容易让搜索引擎索引。

→向Google提交视频站点地图或mRSS提要

Sitemaps是一种很好的方式，可以确保Google了解站点上的所有内容，包括那些可能无法通过通常的爬行方法发现的内容。

→告诉谷歌当你从你的网站上删除视频

对于任何一个视频被删除或过期的着陆页面，返回404(Not found)HTTP状态代码。除了404响应代码之外，您还可以将HTML返回给大多数用户。

→创建高质量的缩略图

在视频结果的旁边，谷歌展示了拇指指甲大小的摘要图像。它将根据你的站点、站点地图或标记中的信息，为你的视频页面识别等价的缩略图。

→JavaScript、Flash和标签

在配置视频页面时不要使用过于复杂的JavaScript或Flash设置。如果你这样做，谷歌可能不会正确地显示你的视频。

→创建一个很好的用户体验

为每个视频创建一个独立的着陆页面，并在每个页面上提供描述性标题和描述，让用户更容易识别视频内容。

使用一个突出的嵌入式视频播放器，支持不同的视频格式，让你的视频对用户更有吸引力，并且更容易让谷歌索引。

如何优化移动SEO的图片

在优化图片方面，这里有一些技巧可以帮助你获得搜索排名：

1）描述你的图片

搜索引擎在你的网页上抓取文字和你的图像文件名中的关键字。看看你的网站分析，看看你的访客在搜索图片时使用的是什么样的措辞。找到它们使用的最常用的命名模式，并将这种命名应用到您图片的命名过程中。

2）优化你的Alt标签

alt属性为您的站点添加了SEO价值。通过在图片中添加适当的alt标签，将关键字与图片相关联，这有助于你的网站在搜索引擎中排名更好。

3）减少图片的大小

如果网页中包含了大量图片，网页的加载速度会慢一些。由于页面加载时间是Google的排名算法的一个因素，如果出现这种情况，页面可能会被降权。

为了减少图像的大小，你可以在Adobe Photoshop中使用“Save for Web”命令。在将图像调整为可接受的最低文件大小时，确保保持对图像质量的关注。如果你没有Photoshop，你可以尝试一些免费的图片编辑器。

4）了解在合适的情况下使用哪种图像文件类型

JPEG、GIF和PNG是三种最常见的图像文件类型。

对于电子商务网站来说，JPEG是最好的，因为它们在最小的文件大小中具有最好的质量。

为缩略图和装饰图像使用gif。

PNG 是一个很好的替代 jpeg 和 gif。png 可以用作简单的装饰图像, 因为它们的文件大小非常小。如果您只有 PNG 格式的照片, 请尝试使用 PNG-8 多于 PNG-24。

5）使用图片站点地图

蜘蛛无法抓取网页源代码中显示的图像。为了让他们知道这些图片，你需要在一个图片站点地图中列出他们的位置。

对于图像优化的技术方面，您可以参考开发人员对Google图像优化的指南。

结论

越来越多的手机连接设备只显示了用户对即时满足他们的信息需求的热情。你的移动站点应该让他们很容易的做他们需要做的事情，而不用太多的烦扰和分心。

转载请注明来自专注SEO技术,教程,推广 - 8848SEO，本文标题：《gif条件的含义是（移动端SEO的发展）》

标签：移动端SEOSEO发展