What does 'Frames Used' mean in Site Audit?
Frames Used
Description
The page uses frames or iframes, which can cause indexing issues.
How to Fix
Consider restructuring your page to avoid using frames or iframes.
Detailed Analysis
SEO Issue: Frames Used
1. What Causes This Issue
Frames and iframes are HTML elements used to embed another HTML document within the current document. Here's a brief breakdown of each:
-
Frames: This refers to the use of HTML
<frameset>
elements, which divide the browser window into multiple sections, each capable of loading separate HTML documents. This is an older practice and not commonly used in modern web development. -
Iframes: The
<iframe>
element allows embedding another document within the current one. It is more commonly used than frames, especially for embedding external content, such as videos, ads, or widgets.
The SEO issue arises because search engines may have difficulty indexing content within frames or iframes. This is due to the fact that these elements can obscure the content from search engine crawlers, or create a situation where the content is not associated with the main page.
2. Why It's Important
-
Indexing Challenges: Search engines might not recognize or index the content within frames or iframes as part of the main page. This can lead to important content being omitted from the search engine's index, negatively impacting visibility and searchability.
-
Link Equity: If the content inside a frame or iframe is from a different domain, the main page might not benefit from any link equity that content could provide, as the links are attributed to the source of the iframe content.
-
User Experience: Frames can complicate navigation and are not mobile-friendly. They can also cause issues with bookmarking and sharing specific content within a page, leading to a poor user experience.
3. Best Practices to Prevent It
-
Avoid Frames: Since frames are largely obsolete, it's best to avoid using them altogether. Modern web design techniques, such as CSS for layout and JavaScript for dynamic content loading, should be used instead.
-
Use Iframes Judiciously: If you must use iframes, ensure they are necessary and add value. For example, embedding a YouTube video with an iframe is generally acceptable.
-
Provide Alternative Content: Include a text or HTML alternative for the content within the iframe, either through structured data or directly on the page, to ensure it can be indexed by search engines.
-
Optimize If Content is Critical: If the iframe content is essential for SEO, consider directly integrating the content into the main page or using server-side includes to ensure it is part of the main document.
-
Use SEO-Friendly Attributes: HTML5 provides the
title
attribute for iframes, which can help describe the content to search engines. Make sure to use it appropriately.
4. Examples of Good and Bad Cases
Bad Case Example:
-
A website uses a
<frameset>
to load its navigation in one frame and content in another. This can lead to search engines not indexing the content properly, as the content is not directly accessible on the main page URL. -
A website embeds important product information within an iframe that points to another domain. This setup may prevent the main site from gaining SEO benefits from that content.
Good Case Example:
-
A blog post includes a YouTube video embedded via an iframe. The video is supplementary to the content, and the rest of the page contains rich, indexable text content that search engines can easily crawl.
-
A website uses server-side includes to dynamically load content, ensuring it's part of the main HTML document and can be indexed efficiently by search engines.
By understanding the limitations and challenges associated with frames and iframes, web developers and SEO professionals can make informed decisions to ensure their content is accessible and indexable, ultimately improving the website's search engine visibility and user experience.
Updated about 5 hours ago