iFrame,或“内联框架”,是一种HTML元素,允许您将来自另一个网站或第三方网站的内容直接添加到您自己的网站上,而不干扰该内容的任何交互元素。
它曾经被认为是完全避免的道路,因为它使您在页面上的内容复杂化以为Google信心发送到那里的流量(iframe可能会注入恶意内容)并淡化您唯一内容的好处。
谷歌仍然建议避免使用iframe,但是iFrame还有其他的用途,对搜索引擎优化来说是好的甚至是好的。
由于IFRAMES包括直接链接到源,Google了解用户所看到的内容是源URL中引用的相同内容,因此不关心与发布重复内容的负联想。
看看iframe标签
进入HTML的基本嵌入代码是:
随着更多的属性被赋给iFrame元素,代码可能会变得更加复杂。例如,一个视频可能会考虑像自动播放和全屏等元素,就像我们看到的YouTube视频的嵌入代码:
(在YouTube嵌入代码中找到iFrame标签。)
规范可以通过某些代码片段变得更高级,比如沙箱。这允许对iFrame元素施加更高级的限制。
虽然Iframing曾经比现在更常见,但仍有许多区域,Iframe倾向于出现。
iFrames的例子
Iframes的主要目的是在您自己的网站上显示第三方内容,几乎就像是你自己的。
在真实世界的例子中,这往往会出现在以下用例中:
# 1。广告
在线广告可以放在iframe中,以便它们可以出现在多个站点上。新闻网站是一个很好的例子,因为它们总是用弹出广告饱和。
检查本广告的要素,我们可以看到其实际情况。在这里,这是Google广告iframe。
(在线广告通常是Iframes。)
#2。YouTube视频
YouTube视频Iframe是我们上面使用的主要示例,但重申:您可以直接在您的网站上立即在您的网站上留出YouTube视频,而不会带走他们的互动性质。
也就是说,用户仍然可以调整卷,使用滚动条,并根据他们在youtube.com上观看视频,调整其他功能。
#3。谷歌地图
地图和地点对于用户体验越来越重要,因为它们对用户的实际位置更加个人,他们正在研究的区域等。
能够在不离开网页的情况下浏览地图对用户来说是一个巨大的胜利,反过来,对你来说也是。(请记住,搜索引擎优化实际上是搜索体验优化。)
Google在他们的Google开发人员平台上提供资源地图嵌入API..
(Google地图可以通过iframe集成到其他网页上。)
请注意此地图的交互性质,具有放大和缩小的功能,然后切换到卫星视图,但地图的数据属于Google。
# 4。社交媒体的文章
如果要将社交媒体内容集成到您的网站上,则使用IFRAME创建更丰富的经验,而不是简单地上传社交媒体帖子的屏幕截图。
我们使用谷歌搜索联络账户的推文来引用我们的声明,并将这些推文直接嵌入我们的页面。这使得它具有交互性(例如,你可以直接从我们的网站上喜欢tweet)。
(互动社交帖子是iFraming的结果。)
# 5。RSS提要
为了鼓励发布新故事,某些网站创建了显示最新标题的RSS或真正简单的Syndication Feed。IFRAME可用于拉入此馈送并在您自己的网站上显示。
如何找到iframe?
找到页面是否已实现的基本方法是通过查看页面的代码来实现iframe。
在上面的一些示例中,您可以看到“Inspect”信息,它使调用页面上某个特定元素的iFrame变得更容易。
或者,您可以右键单击该页面并导航到“查看页面源”。
快速的Ctrl + F可以找到位于页面上的任何IFRame。
(查看页面的来源。)
Google Chrome商店上有一些插件可以自动识别页面上的IFRame并提醒您。
(可以检测iframe的插件。)
IFRAMING有福利吗?
IFRames最明显的好处是他们的互动性质,因为浏览网页(特别是在移动设备上)的用户倾向于期待互动或响应性的设计。其他潜在的好处是:
安全
每当涉及第三方内容时,总有忧虑。应该有。在线安全是当今世界的主要考虑因素。
当您使用iframe时,您可以在自己的网站和您加载到它的外部内容之间创建和维护一些分离。
您不会将第三方内容放在您的网站上直接地,但是使用iframe作为一种缓冲区。
设置和忘记
由于您不需要将第三方内容加载到您的站点上,这就为iFraming带来了另一个好处:您不必更新第三方内容。
iframe将加载最新版本,内容将始终是最新的 - 在托管站点上和您自己的。
个性化
一些公司甚至使用iFraming为用户提供更个性化的内容。
因为iFrames是动态的,所以它们可以用来向用户呈现定制的消息和广告。然而,使用此策略有一些需要注意的事项。
我们在帖子中进一步谈论它,零售商进入真正个性化的时代.
Iframes如何影响SEO?
许多人质疑IFRames是SEO友好。他们不应该对你的整体SEO产生太大的影响,但有考虑意识到。
搜索引擎优化信贷
IFRames的主要SEO考虑是“SEO信用”走向原始网页(嵌入的内容)。这是因为这个原因你不应该在你的iFrame中包含所有的主要内容。
约翰·穆勒在a谷歌网站管理员播出视频,当他被问到时:
如果我将我的内容联合到另一个带有iFrame的网站,我如何确保iFrame的URL获得积分,而不是嵌入iFrame的页面?
穆勒的回答是,你不能。
爬行iframe.
Web爬虫可以读取IFRAME标记,并知道原始内容来自哪里(这就是为什么SEO信用提供给源的原因)。随后的好处是爬虫不会将iframe视为重复内容。
您可能需要考虑使用robots.txt协议来帮助确保iframe爬出。
Iframe与爬虫的原始关系是多么疑问,无论Iframing对SEO都不好。一些蠕动器曾经无法抓取iframe内容,这意味着它们也无法注册内容。或者,爬虫有能力抓取iframes,但无法找到它们的回到主页页面,这意味着该主页页面上的内容不会爬行。
iframe也很棘手,因为并非所有浏览器都可以适当地查看iframe。因此,如果您依赖IFRames大量将您的网站访问者公开为有用的信息,则可能无法实际看到内容。
例如,沙盒就是不理解在Internet Explorer 9或更早版本。
iFraming的其他考虑
关于iFraming的另一个考虑是,有人认为它可能会产生恶意风险。现在您可能在想,“您刚才不是告诉我安全性是iFraming的一个好处吗?”
你说得对,确实如此。
但是,安全性来自于您可以在您的网站和IFRAME内容之间形成分离。当一个网站决定完全姿势时,事情可以变得恶意。
您实际上可以通过IFRaming其内容重新创建一个网站,并且可以欺骗您重复的网站的访问者认为是原始的。
现在,我们当然不建议你这样做,并不认为你会的,但这种欺骗的可能性可能是人们完全引导的原因。这就是为什么一些大型站点具有默认安全设置,这可以防止其他网站使用其网站内容作为iframe。
seoClarity对iFraming的建议
iFraming应该只在你的网站上提供补充内容。
可以从时间使用位和iframe内容的点数,但是避免使用iFrame内容作为主要内容.这就好比说你的所有内容都来自其他地方,你没有什么独特的东西可以提供。
这也意味着在iFrame中不包括重要的内容或你的目标关键字。
因此,当你打开一个iFrame时,检查你的所有内容是否都在那里。它更多的是从其他地方嵌入,而不是通过iFrame构建整个页面。如果是这种情况,您可以与开发人员一起重做您的页面和/或站点。
如果iFrame与主要内容不相关,这对于搜索引擎优化来说是可以的。iFrames用于不影响主要内容或根本不影响内容的实例。
例如,某些IFRames也可以与跟踪相关Google标签管理器,哪个代码在禁用JavaScript时利用iframe。
它还建议使用Web爬网程序或Google丰富的代码段工具渲染您的页面,以查看Google是否能够按预期显示IFRAME内容。
Seoclarity用户具有内部链接分析功能的额外优势。
如果您发现内部链接差,则可能是在
如果在您的网站上的情况,您可以探索页面上的IFRame,以查看它们是否是罪魁祸首。
结论
Iframe提供了一个独特的机会,以动态,有价值的方式向您的网站访问者呈现内容。虽然您可以利用不属于您自己的内容的质量和价值,但请务必肯定不要过度。
评论
目前,没有任何评论。第一个发布!