使用iFrame: SEO和辅助功能点

 

IFrame（内联框架）是一个HTML元素，可以将另一个HTML文档嵌入到主文档中。它已经成为在文本块中嵌入交互式和多媒体内容的Zui流行的方式之一。

因此，许多人使用它，并且他们中的许多人想知道这个HTML元素对SEO有多友好。因此，让我们概述一下iframe:的SEO和可访问性

1. SEO:

记住要点:

iframe中的内容不被视为父页面的一部分.Iramera中的页面可能被蜘蛛侠和索引（或者可能没有），但肯定没有PR传递。

这里是JohnMu对百度索引iFrames的一个很好的评论（通过论坛讨论找到）:

我不会指望您在网页上下文中抓取并编入索引时将其作为iframe包含的内容＆hellip;如果您想确保它们没有被编入索引，您可能需要使用“noindex＆rdquo; robots meta tags＆hellip;

如果您想将PageRank传递到源页面，请添加href=＆rdquo; direct-link-of-the-source-here＆rdquo;介于＆lt; iframe＆gt;＆lt;/iframe＆gt;之间标签（请注意，但实际上没有确认iFrame中的链接传递PageRank。如果您确实希望源页面累积一些PR，请务必在iframe元素之前或之后添加指向页面的直接链接）。

这里是SEO友好的iFrame使用:

的一个很好的例子

iFrame源代码如下所示:

百度＆rsquo;的文本版本具有以下代替iframe（iframe呈现为直接链接）:

2.可访问性

记住要点:

屏幕阅读器通常会将iFrame转换为指向源页面的链接（如Lynx）（除非他们有更好的替代方式，如文本，请参见此处的Zui后一点）; iframe元素中的链接可通过键盘访问，就像内容一样在包含iframe的网页内。要使iFrame可访问，请在iFrame中包含文本说明（在这种情况下，不支持框架的浏览器，将以粗体显示文本代替iframe）:

＆lt; iframe src=＆rdquo;http://sourcesite.com/sourcepage.html”宽度=＆rdquo;的50％＆rdquo;的height=＆rdquo; XX＆rdquo;＆gt;＆lt; p＆gt;您描述iframe内容的文字就在这里。 ＆lt; a href=＆rdquo;http://sourcesite.com/sourcepage.html”＆gt;查看此iframe的内容＆lt;/a＆gt;在您的浏览器中。＆lt;/p＆gt; ＆LT;/iframe中＆GT;

注意: title=＆rdquo;＆rdquo;属性也可以对此有效。

可在此处找到更多可用的iFrame属性。

3.可用性文本描述适用于已禁用帧的用户。滚动: iFrames的大多数可用性问题都有处理滚动的问题。让我们在这里更详细地讨论它:

滚动=＆rdquo;的自动＆rdquo;的（这是使用:垂直和水平滚动条显示的Zui佳选项，仅当内容无法在iframe的指定大小尺寸内充分显示时）; 滚动=＆rdquo;的是＆rdquo;的（无论是否需要，都会显示垂直和水平滚动条） 滚动=＆rdquo;的否rdquo;的（滚动条无论如何都被禁用）;

4.创意用法示例:

1.嵌入一个难题

ProProfs允许创建填字游戏和拼图，并将它们嵌入您的页面。我觉得这是一种娱乐和吸引读者的好方法。

您可以在我Zui近的帖子中看到几个SEO难题的例子。对于滑动拼图，您可以使用百度搜索，直接URL或计算机中的图像。结果看起来像这个:

2.嵌入思维导图

思维导图是一种可视化内容的好方法。 Mind Meister是我Zui喜欢的思维导图实用程序，它允许在iframe:

中嵌入思维导图

3.嵌入一个0xe7bde元素

百度使用iFrames允许用户嵌入以下百度内容类型:

百度日历;会话元素;自定义搜索;百度映射;百度新闻;演示文稿;电子表格; YouTube新闻:

CategorySEO