Кадры W3C HTML5: хорошо или плохо?

  1. Что такое фрейм HTML?
  2. Текущая поддержка HTML5 для фреймов
  3. Значение фреймов в HTML
  4. Преимущества рамок
  5. Недостатки фреймов
  6. плавающие фреймы
  7. Заключение

Меня попросили создать пост, в котором мы объясняем нашу позицию о значении фреймов HTML5. Что касается моей позиции по этой теме, то вопрос сформулирован неправильно. Любое обсуждение фреймов HTML5 следует отклонить, так как фреймы в их исходной форме HTML 4.01 больше не поддерживаются в HTML5. И в дополнение к вышеприведенному утверждению, возможно также, потому что в HTML5 не было введено никаких аналогичных концепций для замены оригинальной функциональности 4.01.

Что такое фрейм HTML?

Элемент frame в HTML определяет вложенный контекст просмотра, аналогичный элементу iframe, но отображаемый в элементе frameset.

Текущая поддержка HTML5 для фреймов

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

Итак, в заключение, прежде чем мы начнем, HTML-элементы <frame> и <frameset> устарели и полностью удалены из HTML5, а также остальные необязательные теги, связанные с фреймами, которые также больше не поддерживаются в HTML5.

Консорциум World Wide Web (W3C) перечисляет элементы фрейма и набора фреймов как устаревшие функции в заявлении, опубликованном для их Веб-сайт 28 октября 2014 г.

Давайте проиллюстрируем текущую поддержку IDE для фреймов на примере, чтобы выяснить, можно ли использовать теги фрейма при разработке страницы HTML5. Для этого я создал файл index.html и объявил браузеру, что мы будем использовать код HTML5 на остальной части веб-страницы. Это было достигнуто с помощью тега <! Doctype html> в первой строке кода.

Как и ожидалось, при вводе кода фрейма на страницу в моей среде IDE (интегрированная среда разработки) появилось предупреждение, в котором явно указывалось, что в HTML5 теперь и фрейм, и теги фреймов устарели. Пример которого проиллюстрирован на следующем скриншоте:

Просто добавьте, в дополнение к тегам frame и frameset, следующие необязательные атрибуты, связанные с frame, также были объявлены устаревшими в HTML5 и, следовательно, не должны использоваться при кодировании страницы. Среда IDE выдает похожие ошибки для следующих атрибутов, связанных с кадром:

Изображение © w3schools.com

Значение фреймов в HTML

В HTML 4.01 формы предоставили ценный способ разделения контента сайта. К сожалению, у фреймов возникли некоторые существенные проблемы, которые впоследствии отговаривали веб-дизайнеров и веб-мастеров использовать фреймы и теги фреймов на своих сайтах. Проблема была связана главным образом с неспособностью поисковых систем правильно индексировать кадры.

В собственном заявлении Google: «Фреймы могут создавать проблемы для поисковых систем, поскольку они не соответствуют концептуальной модели Интернета. В этой модели на одной странице отображается только один URL. Страницы, которые используют фреймы или фреймы, отображают несколько URL-адресов (по одному на каждый фрейм) на одной странице. Google пытается связать контент в рамке со страницей, содержащей фреймы, но мы не гарантируем, что мы это сделаем ». (Google & Frames, 2016)

В приведенном выше объявлении Google просто намекает на тот факт, что пауки поисковых систем не могут индексировать больше, чем главная страница, и это приводит к невозможности эффективной индексации контента сайта. «У нас могут быть сотни заполненных информацией страниц на сайте, но они по существу будут невидимы для поисковых систем». (Staff, S., 2016)

Существуют способы помочь поисковым системам индексировать страницы, которые используют фреймы, например, с помощью методов, которые реализуют noframes, но это всего лишь обходные пути. Поэтому довольно скоро большинство веб-профессионалов поняли, что фреймы должны быть заменены другими HTML-тегами и методами.

Преимущества рамок

Наиболее полезной особенностью фреймов была возможность отображения нескольких HTML-страниц в одних и тех же окнах браузера (при этом они оставались статичными и логически разделенными).

Еще одним преимуществом было положительное влияние на общее снижение пропускной способности сервера. «Фреймы также могут помочь уменьшить пропускную способность и нагрузку на сервер, потому что один и тот же контент не нужно загружать каждый раз при рендеринге новой страницы». (Плюсы и минусы фреймов, 2016). Это потому, что только динамическая часть страницы должна была быть перезагружена с фреймами. Хорошим примером такого структурированного подхода является страница, которая включает верхний и нижний колонтитулы, фрейм навигации и контент, где только фрейм контента обновляется при каждом посещении, таким образом, остальная часть страницы предварительно загружается и не изменяется. Эта тенденция в настоящее время используется преимущественно в приложениях типа SPA, хотя в подходе есть огромная разница, одностраничные приложения не используют рамочный метод для достижения цели.

Недостатки фреймов

Мир Интернета вскоре осознал, что использование фреймов - ошибочный подход. Несмотря на то, что у фреймов были некоторые преимущества, такие как ранее упомянутый уровень разделения, появились и другие проблемы. В основном следующее:

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

Iframe (сокращение от «inline frame») - это синтаксис HTML, который позволяет встроить веб-страницу в другую веб-страницу. «Это как Inception для веб-сайтов - страница на странице». (Physioc, 2013). Вы можете настроить высоту, ширину, границу и наличие рамки на полосе прокрутки.

плавающие фреймы

Фреймы iframe все еще широко используются, и они также поддерживаются в HTML5, хотя мы должны отметить, что многие атрибуты iFrame уже устарели, а некоторые новые были добавлены. Полный список всех поддерживаемых и устаревших атрибутов доступен здесь: http://www.w3schools.com/TAgs/tag_iframe.asp

В любом случае, если говорить о функциональности, iframe дает нам возможность встраивать контент с другого веб-сайта в ваш сайт (что-то похожее на фрейм с его страницей в концепции страницы).

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

Теперь к вашему вопросу. Хотя это достаточно просто, это поднимает некоторые интересные вопросы о последствиях SEO.

Поисковые роботы «распознают, что на источник четко ссылается тег iframe» (Furr, 2015), поэтому не стоит беспокоиться о наказании за дублированный контент, а также не нужно беспокоиться о том, что встроенный iFrame сайт будет рассматриваться как клоакинг (форма SEO в черной шляпе).

Тем не менее, в целом, iframe не должен оказывать негативного влияния на SEO. Как бы то ни было, из того, что я понял, не стоит использовать iFrames на главных страницах веб-сайта, потому что, если большая часть контента будет получена из iframe, главной странице будет очень сложно получить хороший рейтинг.

Давайте перевернем вопрос, может ли быть какое-либо положительное влияние? Может ли контент в iframe помочь моему SEO?

Краткий ответ - нет, не совсем. Еще раз, контент и ссылки внутри iframes обычно не сканируются и не индексируются, и кредит не присваивается странице, на которую встроены iframes.

Заключение

Все недостатки фреймов оказались главной проблемой для веб-профессионалов, которые вскоре перестали использовать фреймы на своих сайтах.

В результате инновационных разработок в области Web Sciences и лучшего понимания вопросов, связанных с использованием фреймов, фреймы стали заменяться более широким использованием веб-сообществом тегов table и div; что в конечном итоге привело к полному отказу от тегов frame и frameset в HTML5.

Рекомендации

Почему фреймы не поддерживаются в HTML5, а не iFrames? (2016) Доступно по адресу: http://softwareengineering.stackexchange.com/questions/144515/why-were-frames-deprecated-in-html5-but-not-iframes (Доступно 12 ноября 2016 г.).

HTML-тег фрейма (2016) Доступен по адресу: http://www.w3schools.com/TAgs/tag_frame.asp (дата обращения: 12 ноября 2016 г.).

Google & Frames (2016) Доступно по адресу: https://support.google.com/webmasters/answer/34445?hl=ru (дата обращения: 12 ноября 2016 г.).

Staff, S. (2016) Поисковые машины и фреймы. Доступно по адресу: https://searchenginewatch.com/sew/news/2064573/search-engines-frames (по состоянию на 12 ноября 2016 г.).

Рамки в документах HTML (2016 г.) Доступно по адресу: https://www.w3.org/TR/REC-html40/present/frames.html#h-16.4.1 (по состоянию на 12 ноября 2016 г.).

Недостатки использования фреймов (2000) Доступно по адресу: http://www.plus2net.com/html_tutorial/html_frmcons.php (дата обращения: 12 ноября 2016 г.).

Плюсы и минусы фреймов (2016) Доступно по адресу: http://www.mediacollege.com/internet/html/frames/pros-cons.html (Доступ: 12 ноября 2016 года).

HTML5 - 11 устаревших функций (2016) Доступно по адресу: https://www.w3.org/TR/html5/obsolete.html#frames (Доступ: 12 ноября 2016 г.).

Ферр, Дж. (2015) Как iFrames влияют на ваш SEO? Доступно по адресу: http://www.visibilitymagazine.com/how-do-iframes-affect-your-seo/ (по состоянию на 15 ноября 2016 г.).

Physioc, H. (2013) Как iFrames (не) влияют на SEO. Доступно по адресу: http://tentacleinbound.com/articles/how-iframes-affect-seo (по состоянию на 15 ноября 2016 г.).

Похожие

Что такое SEO?
Поисковая оптимизация (SEO), как и реклама в поисковых системах (SEA), является частью поискового маркетинга (SEM). Он включает в себя все методы, которые позволяют поисковым системам, таким как Google, быстрее находить веб-сайт. В этом случае речь идет об обычных (не спонсируемых) результатах поисков, выполненных поисковыми системами. Прежде всего, код сайта должен быть более доступным для поисковых систем. Поэтому SEO
Что такое SEO? Что это делает?
Аббревиатура поисковой оптимизации, SEO, является турецким эквивалентом поисковой оптимизации и может быть определена как процесс увеличения количества и качества трафика на ваш сайт с помощью обычных результатов поисковой системы. Что такое SEO? Чтобы точно понять, что такое SEO, вам нужно разобраться с несколькими частями: Предположим, вы производитель яблок очень высокого качества. Ваш продукт действительно интересен, и вы экспортируете
Что такое поисковая оптимизация?
Google SEO очень доработан и сложнее в игре, чем когда-либо прежде. Но это было не всегда так. На самом деле, еще в начале 2000-х, опытный веб-разработчик SEO мог создать много ключевых слов микросайт вокруг целевого ключевого слова и заработать миллионы долларов. Например, скажем, еще в 2005 году вы заметили, что не было много
Что такое мониторинг социальных сетей?
... в SMM-индустрии, легко забыть, что для обычного человека мир мониторинга в социальных сетях может сбить с толку. Мы предполагаем, что если вы читаете это, вы либо уже знаете о нас и, следовательно, имеете некоторые знания о мониторинге социальных сетей, либо вы пришли сюда через поисковую систему, и в этом случае вы можете знать очень мало (если так, привет мы Brandwatch , компания мониторинга социальных сетей).
ПРЕСС-РЕЛИЗ: Узнайте, что такое услуги SEO ...
Реклама и продвижение услуг и продуктов в онлайн-среде больше не является вариантом для вашего бизнеса. На самом деле, без такого вида риска немногие компании могут запустить и поддерживать активы на рынке. Поскольку наличие веб-сайта, рекламирующего ваши продукты и услуги, может быть хорошим, вам нужно решить ряд вопросов, без которых его позиционирование на первых страницах результатов невозможно. Специалисты по электронной рекламе, известная компания
Что такое SEO? Что такое поисковая оптимизация?
Вас интересует, что такое поисковая оптимизация ? Или что такое SEO на английском? Вы когда-нибудь слышали об этом, но не уверены, что именно это означает, как это сделать? Пришло время узнать, понять и использовать это! Без слов я могу легко объяснить, что такое SEO. Кроме того, я также покажу вам, насколько хороша поисковая оптимизация, как заработать на ней больше. И, в конце концов, вы можете решить, нужно ли вам это, можете ли вы применять его
Быть или не быть, быть или не быть.
Быть или не быть, быть или не быть. Глаголы ser и estar необходимы для понимания онлайн-маркетинга. Смысл бытия в том, чтобы быть видимым в сети, и быть в том, чтобы иметь преобразования, то есть придать смысл бытию, чтобы компания, проводящая маркетинговую кампанию, успешно монетизировала поставленную им цель. Чтобы быть видимым, важно провести хорошую кампанию
Что AdWords только что случилось с поисковой выдачей Google ?!
Последние несколько дней в интернете кипят новости о том, что Google удалил объявления с правой стороны (RHS) их результатов поиска. Хотя ветераны AdWords, по понятным причинам, обеспокоены, мы всегда оптимизировали платные аккаунты наших клиентов в соответствии с их более широкими маркетинговыми целями, а не слепо стремились к первой позиции. Хотя этот подход не изменится,
Протоколы HTTP, HTTP / 2 и HTTPS, как это влияет на SEO
... время большой объем информации передается через Интернет, поэтому важно учитывать протоколы HTTP, HTTP / 2 и HTTPS и их влияние на SEO , поскольку этот момент является еще одним важным в цифровом бизнесе. , Что такое HTTP? HTTP означает « Протокол передачи гипертекста ». Это протокол безопасности, в котором система используется для безопасной передачи информации между серверами и клиентами, которые используют веб-сайты. Система была
WDF * P * IDF для SEO-оптимизированных текстов
Формула WDF * P * IDF является важной частью оптимизации текста SEO и все чаще появляется в статьях или статьях на эту тему. Донна Харман, специалист по информатике, впервые упомянула термин WDF * P * IDF в 1992 году в своей работе «Алгоритмы ранжирования». Он служит для выражения и иллюстрации релевантности ключевых слов в тексте. Это позволяет сравнивать с другими текстами. Таким образом, этот термин можно разделить на две части: WDF и IDF, где WDF выражает релевантность
Что нового: Автосервис, транспорт, взвешивание
Регулировка шасси на 3 D, HawkEye Огромная конкуренция для клиентов. Цены на топливо и налоговая нагрузка на них вряд ли будут значительно расти и постоянно падать по дорогам Европы. В Венгрии новый грузовой налог - e-toll - отвечает за грузовые перевозки. Автосервис, международные перевозки

Комментарии

Сколько статей я нахожу в профессиональных блогах, которые не знают, что такое «h» или что такое «запятая»?
Сколько статей я нахожу в профессиональных блогах, которые не знают, что такое «h» или что такое «запятая»? Те, кто ценит орфографию, откажутся от статьи с опечатками даже не заканчивая читать это. И это не преувеличение, потому что я делаю это очень часто. Абзацы должны быть короткими. Я всегда рекомендую не превышать 5-6 строк . Это просто, но стоит помнить: это должен быть
Вам не кажется, что пришло время прекратить выбирать глупые слова и фразы, на которые вы хотите претендовать, потому что это то, что говорят ваши товары или услуги?
Вам не кажется, что пришло время прекратить выбирать глупые слова и фразы, на которые вы хотите претендовать, потому что это то, что говорят ваши товары или услуги? Вы когда-нибудь думали, что хотят потребители? И как они ищут это в поисковике? Semantic SEO направлена ​​на оптимизацию интернет-магазина или ваш веб-сайт для любого поиска, который может привести к вашим продажам - вот почему у
Что такое SEO и что такое SEM?
Что такое SEO и что такое SEM? Каковы различия между ними? Поисковая оптимизация (SEO) - это процесс оптимизации вашего сайта, чтобы веб-сканеры понимали его более легко. В результате ваши страницы имеют более высокий рейтинг в Google, что дает вам бесплатный трафик. Маркетинг в поисковых системах (SEM) используется для обозначения процесса повышения видимости вашего сайта в поисковых системах с помощью способов оплаты. Это относится конкретно к платному
Или тематический сайт или сайт, посвященный трендам, который освещает новости или современный дизайн и технику?
Или тематический сайт или сайт, посвященный трендам, который освещает новости или современный дизайн и технику? Как только вы поймете фундаментальную идентичность блога в целом, то для каждой статьи вы должны ответить, для чего этот пост: Вырастить читателей? Вырастить подписчиков? Это спица для поддержки хаб-страницы? Это для акций или для ссылок? Является ли это новостным ходом тенденцией для быстрой победы?
А что такое фактор ранжирования или выдача?
А что такое фактор ранжирования или выдача? Что такое SEO SEO или поисковая оптимизация - это все действия, которые облегчают поиск вашего сайта в поисковых системах. Речь идет об обычных результатах поиска, а не о рекламе. В Нидерландах Google является крупнейшей поисковой системой, поэтому мы также сосредоточены на Google в этой серии блогов. Почему SEO важен? Целью SEO является увеличение трафика на ваш сайт (через органический трафик).
Хорошо хорошо Вы уже знаете, что важно создавать привлекательные заголовки, чтобы ваш блог имел посещаемость, но как это сделать, если вы не считаете себя творческим человеком?
Хорошо хорошо Вы уже знаете, что важно создавать привлекательные заголовки, чтобы ваш блог имел посещаемость, но как это сделать, если вы не считаете себя творческим человеком? Это хороший вопрос, который вы могли бы задать в эти самые моменты, и на самом деле он имеет смысл в мире. В случае, если это так, не беспокойтесь, потому что я только что написал этот пост, чтобы помочь вам создавать лучшие названия с этого момента. Но теперь вы можете задать еще
» lololololololol Или вы удалили все, потому что вы смутило, что твое дерьмо вернулось, чтобы укусить тебя?
» lololololololol Или вы удалили все, потому что вы смутило, что твое дерьмо вернулось, чтобы укусить тебя? "и даже употреблять это постоянное онлайн-издевательство как развлечение" WTH? Я только что приготовил свой попкорн " На сайте ненависти Южной Кореи Daily Best один с гордостью заявляет: Я это сделал! Я был первым, кто рассказал ей об этом в своем аккаунте в Instgram, в котором она чертовски мудак LOL - она ​​была чертовски мудаком для меня, поэтому я сказал ей: «
Что вы не знаете, что такое якорный текст?
Что вы не знаете, что такое якорный текст? Ну, вы уже опоздали SEO и SEM словарь (Смотри, я уже произвел внутреннюю ссылку, хахаха) повысить эффективность индексации, так как поисковые роботы смогут лучше отслеживать ваш сайт Улучшить скорость загрузки Скорость загрузки является одним из факторов, влияющих на алгоритм Google при позиционировании
Итак, вы достаточно хорошо или менее хорошо платите, чем профили, нанятые этими рекрутинговыми фирмами?
Итак, вы достаточно хорошо или менее хорошо платите, чем профили, нанятые этими рекрутинговыми фирмами? Знайте, что в любом случае лучший способ увеличения (когда мы хорошо выполняем работу) - это искать в другом месте и пересматривать свою зарплату! Цифровые зарплаты: менеджер веб-проектов, SEO, менеджер социальных сетей ... [Инфографика] 4.7 - 24 голоса Хотите получать наши лучшие статьи? Подписываясь на рассылку LEPTIDIGITAL,
Как писатель здоровья и психологии Джули Бек говорит «Первое, что мы спрашиваем у кого-то, когда мы встречаемся с ним по имени, откуда они, или, что гораздо интереснее,« где для вас дом?
Итак, вы достаточно хорошо или менее хорошо платите, чем профили, нанятые этими рекрутинговыми фирмами? Знайте, что в любом случае лучший способ увеличения (когда мы хорошо выполняем работу) - это искать в другом месте и пересматривать свою зарплату! Цифровые зарплаты: менеджер веб-проектов, SEO, менеджер социальных сетей ... [Инфографика] 4.7 - 24 голоса Хотите получать наши лучшие статьи? Подписываясь на рассылку LEPTIDIGITAL,
Знаете ли вы, что наличие небольшого или плохо написанного контента на вашем сайте не приносит пользы вашему бизнесу?
Знаете ли вы, что наличие небольшого или плохо написанного контента на вашем сайте не приносит пользы вашему бизнесу? Если контент является королем, конверсия - королевой. Многие недооценивают важность контента на своем сайте и часто платят за последствия с очень низкой отдачей от инвестиций, сделанных для его реализации. С другой стороны, есть те, кто решает инвестировать в собственную онлайн-витрину, полагаясь на специализированное

Что такое фрейм HTML?
Давайте перевернем вопрос, может ли быть какое-либо положительное влияние?
Может ли контент в iframe помочь моему SEO?
Com/webmasters/answer/34445?
Как iFrames влияют на ваш SEO?
Что это делает?
Что такое SEO?
Что такое поисковая оптимизация?
Вас интересует, что такое поисковая оптимизация ?
Или что такое SEO на английском?