Что такое iFrame и почему его нежелательно использовать для поисковой оптимизации

Использование данного тега зачастую рискованно получением фильтра: сайт перестает полностью контролировать содержимое документа, так как его часть подгружается с другого сайта через iframe.

Поскольку мы перестаем контролировать содержимое, то через iframe возможна подгрузка нежелательного контента (18+, вирусы и прочее), что, в свою очередь, может привести к санкциям. А это отразится на продвижении в выдаче.

Чтобы ответить на этот вопрос, сначала нужно напомнить, что такое фрейм. Это отдельный, завершенный HTML-документ, который может отображаться в браузере вместе с другими HTML-документами.

iFrame нужен, чтобы встраивать традиционный фрейм, а также отдельные HTML-документы на разные страницы без применения тега <iframe>. В результате получается, что на веб-странице появляется демонстрация контента другого URL-адреса с функцией прокрутки или без нее.

То есть со страницей фоново загружаются другие страницы. Пользователь увидит такие фреймы, только если задавать им определенные размеры, например, вид баннера.

Так выглядит простейший пример iframe: фрагмент кода с заданным размером фонового окна под баннер:

Данный тег поддерживается большинством браузеров, но некоторые параметры могут отличаться или вовсе не запускаться. Например, фреймы не запускаются в браузерах на основе аудио, используемых в автомобильном транспорте, или для людей со слабым зрением, а также на очень старых версиях браузеров.

Кроме того, фреймы используются не только на веб-ресурсах, но и в приложениях к программам. Зачастую они полезны для службы технической поддержки.

Например, вы вызываете кликом справку, в ответ появляется общее меню, рядом с которым в фоне открывается окошко, отвечающее за выбранный вами блок информации:

В данном случае это удобно и позволяет не загружать файлы повторно. Схематически это выглядит так:

С помощью инструмента Аудит сайта в Serpstat можно проверить сайт или его отдельную страницу на наличие технических ошибок. Кроме того, инструмент дает рекомендации по их исправлению и возможность оценить результаты проведенных работ по SEO.

В нашем случае, мы будем проверять сайт https://tinypng.com/, чтобы найти тег <iframe>.

Для начала работы создайте новый проект. Перейдите в Список проектов и нажмите Добавить новый проект. Если ваш сайт уже добавлен, просто нажмите на Аудит сайта.

После проведения проверки Serpstat покажет Суммарный отчет, то есть краткую сводку по ошибкам на сайте.

Чтобы увидеть полный перечень проблем и рекомендации по их исправлению, нажмите на Все проверки.

В разделе Индексация мы видим ошибку о наличие тега <iframe> и все соответствующие URL страниц, а также рекомендации по устранению этой проблемы.

Если проверяемый сайт не использует iFrame, то в перечне ошибок никаких данных не будет.

Если ошибка на страницах есть, то в отчете вы найдете:

• описание проблемы;
• подсказка, как ее устранить;
• история проверки;
• URL, на котором обнаружена ошибка.

После исправления рекомендуем просканировать эти страницы еще раз. Если проблемы действительно нет, то в отчете по ошибке уже не будет этих страниц.

Чтобы быстро узнать какие проблемы есть у твоего сайта и получить рекомендации по их устранению, нажимай на Проверить свой сайт.

Например, так выглядит фрагмент кода, который подгружает видео с YouTube:

• встраивание медиаконтента — как своего, так и стороннего;
  
• встраивание примеров фрагментов кода;
  
• встраивание апплетов — приложений, работающих в контексте веб-сайта, например, формы оплаты или интерактивные карты.

• фотогалереи;
  
• окно чата;
  
• навигация;
  
• накрутка фонового трафика.
  

Фотогалерея и чат — обычно самостоятельные документы, которые не стоит встраивать в тело другого документа. Для навигации предпочтительнее применять карту сайта и хлебные крошки. А накрутка рано или поздно заканчивается наложением фильтров.

А самое главное — это подгружать контент только из доверенных источников!

Чтобы не допускать возможных недоразумений с поисковыми роботами и пользователями, браузеры которых не поддерживают данную функцию, вебмастера закрывают iFrame от индексации и добавляют соответствующее уведомление. Оно будет выводиться в том случае, если не запускается фоновое окно, рекомендуя пользователю обновить браузер.

С технической точки зрения получается следующий код:

Содержимое тега <noframes> показывается в браузере, когда он не поддерживает вставку iFrame. В то же время остальные браузеры, умеющие обрабатывать окна с фреймами, не обращают на него внимания. Описание следует раскрывать более полно, чтобы удержать пользователя на веб-сайте.

Есть два фундаментальных правила, которые нужно помнить:

«Google поддерживает фреймы и iframe в той мере, в какой это возможно. iFrame могут создавать проблемы для поисковых систем, потому что они не соответствуют концептуальной модели Интернета», — сказано в справке Google.

iFrame — это тег, который позволяет внутри другого HTML-документа отображать другой. В результате при запуске страницы, на которой присутствует фрейм, фоново подгружается еще одна самостоятельная страница.

Используют фреймы по ряду причин — например, для встраивания медиаконтента, приложений в контексте веб-сайта, фотогалерей и прочего.

При встраивании фреймов стоит использовать только доверенные источники, а также помнить, что содержимое фреймов не сканируется поисковыми роботами. А за встраивание запрещенного контента возможны санкции.