- Что такое семантический HTML5?
- Теги от H1 до H6 = заголовки
- СИЛЬНЫЙ тег = важный
- EM тег = акцент
- MARK tag = выделить как важный в контексте
- DEL tag = текст, который был удален после первоначальной публикации INS tag = текст, который был...
- ABBR тег = аббревиатура / аббревиатура
- Тег CITE = цитирование работы или человека
- BLOCKQUOTE tag = длинная (ish) цитата
- Q tag = короткая цитата
- FIGURE FIGCAPTION теги = иллюстративный элемент
- UL OL теги - списки
- Что, нет <b>, <i> и <u> ????
- Наиболее часто используемый (и бесполезный) тег HTML: <b>
- Самый запутанный тег HTML: <i>
- Самый вводящий в заблуждение тег HTML: <u>
- HTML5 и доступность
- Заключение
- Бонусный совет: WordPress и семантический HTML5
Google и Bing любят семантический HTML5, поэтому он отлично подходит для SEO! Эта статья содержит простое руководство по основным семантическим тегам HTML5, которые авторы контента и копирайтеры должны использовать для улучшения взаимодействия с Google и Bing (и машинами в целом). Ваши конкуренты, вероятно, даже не приблизились к лучшим практикам, поэтому правильное использование семантических тегов HTML5 в вашем контенте позволит вам сделать шаг вперед в 2018 году и далее. Так что читайте дальше ...
Чтобы узнать, как использовать HTML5 для структурирования ваших веб-страниц, прочитайте Эта статья
Что такое семантический HTML5?
Если вы немного знакомы с HTML, вы будете знать, что HTML-теги (в основном) используются для форматирования контента; эти теги сообщают браузеру, как отображать контент на странице.
Некоторые теги передают семантическую информацию (то есть значение). Вот самые полезные теги, которые вы должны знать для семантического HTML5.
Вот самые полезные теги HTML5, которые вам нужно знать для семантики.
Читайте дальше, чтобы узнать правильное использование для каждого ...
Теги от H1 до H6 = заголовки
Все знают теги <h>. Они дают структуру вашему письму, разбивая его на подтемы и подтемы. <H1> описывает тему, охватываемую статьей в целом. Ниже, чтобы другие теги <h> использовались для определения иерархии подтем. Таким образом, каждый <h2> является отдельной подтемой общей темы (родительский тег <h1>). Каждый <h3> является подтемой своего родителя <h2> - так что подтема этой подтемы. И так далее.
Теги <h> являются невероятно мощными, поскольку они определяют ключевые подтемы контента, их относительную важность и отношения между ними. Это много семантической информации, передаваемой. Стоит потратить время, чтобы понять это правильно.
К сожалению, многие веб-страницы не уважают семантику тегов <h>. Например, переход от <h1> прямо к <h3>, потому что «это выглядит лучше». Не делайте этого. Используйте теги <h> семантически для представления структуры и используйте CSS / классы для контроля визуального аспекта текстов.
Совет: Хотя заголовки идут от H1 до H6, очень необычно использовать что-либо, кроме H4. Как только вы доберетесь до H4, вы должны спросить себя, охватывает ли ваша статья слишком много подтем и может быть вместо этого разбита на несколько статей.
Использование тегов семантически - пример:
Важный! Цвет, размер и горизонтальное положение текста в приведенном выше примере совершенно не имеют отношения к семантическому значению тегов.
Семантически HTML ниже - это то же самое.
Помните, что в этой статье визуальное представление текста в семантических тегах HTML не влияет на семантическое значение, которое эти теги передают машине.
СИЛЬНЫЙ тег = важный
Обратите внимание, что я предоставил два примера презентации. Дизайн текста внутри тега не связан с семантикой сильного тега.
Если слово или несколько слов имеют большее значение, чем другие в предложении, используйте тег <strong>.
Для SEO, хотя заманчиво размещать теги <strong> вокруг всех ваших ключевых слов, не делайте этого. Чрезмерное использование ослабляет эффект и вызывает спам-фильтры. Используйте экономно и используйте правильно.
EM тег = акцент
Дизайн текста внутри тега не связан с семантикой тега em.
Если слово или несколько слов следует читать с большим акцентом, чтобы предложение имело больший смысл, используйте тег <em>. Прочитав это предложение вслух, вы сделаете акцент на слове «это».
Программа чтения с экрана добавит акцент на их (роботизированный) голос, когда встретит этот тег.
MARK tag = выделить как важный в контексте
Дизайн текста внутри тега не связан с семантикой тега mark.
Это используется, чтобы отметить (или выделить) текст, чтобы привлечь внимание читателя к тексту из-за его близкого применения к текущей деятельности / контексту пользователя. Например, выделение краткого ответа на вопрос.
DEL tag = текст, который был удален после первоначальной публикации
INS tag = текст, который был вставлен после первоначальной публикации
Здесь я передумал о своей любимой кухне после поездки в Таиланд :)
Вы можете использовать это, чтобы указать обновления и модификации; используйте <ins> в сочетании с <del>
ABBR тег = аббревиатура / аббревиатура
Еще раз, мы можем отобразить текст в любом случае, мы выбираем. Семантическое значение тега abrr не меняется.
Это используется реже, но отлично подходит для устранения неоднозначности (неопределенность - огромная проблема для Google и Bing). Размещение этого тега вокруг слова «ВОЗ» явно указывает на то, что мы говорим о Всемирной организации здравоохранения.
Тег CITE = цитирование работы или человека
Еще раз, мы можем отобразить текст в любом случае, мы выбираем.Семантическое значение тега cite не меняется.В HTML5 текст внутри тегов представляет собой имя человека или название произведения (например, книгу, статью, эссе, стихотворение, партитуру, песню, сценарий, фильм, телешоу, игра, скульптура, живопись, театральная постановка, спектакль, опера, мюзикл, выставка и т. д.).
В приведенном выше примере мы прямо заявляем, что говорим о книге.
BLOCKQUOTE tag = длинная (ish) цитата
Информация: <blockquote> должен включать тег <cite> для указания исходного источника. Вы можете либо ссылаться на оригинальный источник в теге blockquote, используя элемент ссылки (невидимый для читателя), либо отображать текст, идентифицирующий исходный источник (предпочтительно со ссылкой). Я показал оба здесь (тоже хорошо).
Q tag = короткая цитата
Тег <q> больше подходит для коротких цитат. Браузеры обычно окружают текст <q> кавычками. Если цитата занимает несколько строк, вы должны использовать тег <blockquote>.
FIGURE FIGCAPTION теги = иллюстративный элемент
Тег <figure> используется для автономного контента, который является частью естественного потока окружающего контента. Для наших целей это означает изображения, карты и диаграммы. Вы можете добавить заголовок над или под изображением - просто поместите его внутри тегов <figcaption> внутри <figure>, как показано выше.
UL OL теги - списки
Выбор <ul> или <ol> добавляет семантику (значение) в список.Не строго семантическая, но я не могу переоценить полезность упорядоченных и неупорядоченных списков. Они структурированы и поэтому очень просты для Google, чтобы переварить и понять. Удивительно, как часто они путаются.
<ul> = нет указания заказа
<ol> = порядок (в этом случае мои предпочтения) явный
Что, нет <b>, <i> и <u> ????
Теги BIUS = со всеми намерениями и целями избыточны
Это все еще действительный HTML, но семантически бесполезный и не приносящий пользы SEO.
Наиболее часто используемый (и бесполезный) тег HTML: <b>
Первая (и самая распространенная) ошибка - использование жирного шрифта в качестве SEO-трюка для «повышения» ключевого слова. Это не так.
Самый запутанный тег HTML: <i>
Курсив также является SEO трюком, чтобы «повысить» ключевое слово. Это не так.
Самый вводящий в заблуждение тег HTML: <u>
Подчеркивание иногда используется как уловка SEO, чтобы "повысить" ключевое слово. Это не так. Плюс, это похоже на ссылку.
Теги <i> <b> <s> <u> не приносят пользы SEO
и, во всех смыслах и целях, являются излишними.
В 99% случаев один из семантических тегов HTML5, описанных в этой статье, является более подходящим и должен использоваться вместо него.
HTML5 и доступность
Многие аспекты HTML5 для SEO соответствуют передовым методам обеспечения доступности (программы чтения с экрана для слабовидящих). Alt, название, сильная ...
Google по сути слепой, поэтому любой HTML5, связанный с доступностью, который действительно помогает читателю экрана, поможет Google (и вашему SEO).
Поэтому я советую по-настоящему задуматься о доступности / средствах чтения с экрана при разметке ваших страниц.
Заключение
Правильная реализация семантического HTML5 уже невероятно важна и станет более важной в ближайшие годы. Google и Bing (и другие сканеры) могут выполнять только половину работы по распознаванию характера контента. Как говорит HTML5 Rocks (почти): «Чем лучше (мы делаем) помечать правильную семантику контента, тем легче будет роботам с ним работать». HTML5 Скалы
На данный момент большинство авторов контента не знают, как использовать семантические теги HTML5 и использовать (неправильные) несемантические теги. Понимание и правильная реализация только нескольких приведенных выше тегов поставят вас на шаг впереди.
Бонусный совет: WordPress и семантический HTML5
Отличная новость для пользователей WordPress - основы сделаны для вас, пока вы тоже:
Пишите прямо в WordPress и используйте кнопки форматирования по умолчанию
ИЛИ ЖЕСкопируйте / вставьте текст из приложения для обработки текста (Word, OpenOffice, Google Docs, Pages ...) без форматирования, а затем примените форматирование с помощью текстового редактора WordPress.
Текстовый редактор в WordPress по умолчанию использует HTML5.
Похожие
Что такое SEO часть 2... html… страница «О нас» будет содержать ссылки на домашнюю страницу, а также на страницу «О нас». Технически вы могли бы считать их обратной ссылкой, но поскольку они разрешают в том же домене «abc123.co.uk», они не рассматриваются поисковыми системами как обратные ссылки. Обратная ссылка исходит от домена, отличного от вашего собственного домена. Что такое администрация домена (DA)?
Оценка авторитета домена - не новая фраза в мире SEO, но есть много блогеров, которые не знают о авторитете домена и его значении. Ниже приведено подробное руководство, в котором вы узнаете, что вам нужно знать о «полномочиях домена» (в том числе о том, как проверить оценку авторитета вашего домена!), А также некоторые дополнительные связанные термины, которые важно понять. Авторитет домена является одним из основных факторов, определяющих, насколько хорошо ваш сайт будет Что такое A / B-тестирование? Что можно проверить и как?
A / B-тестирование - это тестирование двух разных версий веб-страницы или целевой страницы. В таком тесте проверяется производительность каждой страницы с точки зрения продаж, регистрации и т. Д. После создания разных версий трафик (посетители сайта) случайным образом распределяется по этим страницам в течение определенного периода времени. При случайном распределении трафика можно проанализировать, какая сторона имеет более высокую скорость передачи ( Как вручную установить метатеги WordPress
... lt=""> 3. Найдите, где заканчивается код заголовка вашего блога, который </ title>, обычно код будет таким: <title> <? php bloginfo ('name'); ?> <? php wp_title (); ?> </ title> 4. Затем поместите следующий скрипт чуть ниже кода для заголовка вашего блога. <meta name = "description" content = "ОПИСАНИЕ ВАШЕГО БЛОГА" /> <meta name = "resource-type" content = "document" /> <meta http-эквивалент = "content-type" Оптимизация сайта. Что такое SEO?
Используйте теги для WordPress SEO
Многие пользователи WordPress заметили, что теги хороши для SEO. Если у вас есть инструмент анализа веб-трафика для контроля эффективности вашей веб-страницы, вы можете обнаружить, что многие страницы тегов фактически размещаются на более высоких позициях, чем посты WordPress, и, следовательно, посещаются чаще, чем посты. Чтобы использовать теги WordPress для SEO, многие пользователи WordPress склонны использовать много тегов для поста WP. Некоторые пользователи WP запутываются, сколько тегов Привет, я ... SEO
... Tagged With. Это ключевые слова и фразы, которые я использую, чтобы помочь паукам классифицировать этот пост, когда он индексирует пост. Делайте все возможное, чтобы эффективно использовать SEO, но будьте реалистичны в отношении результатов, которые вы сможете получить. Например, скажем, вы продавец обуви в сельской местности MN. Если вы думаете, что после того, как вы запустите свой новый веб-сайт, вы будете занимать первое место в Google, используя ключевое слово «беговая WordPress SEO Как ...
... gt; , но вам нужно изменить ее на категорию / post-name / или / post name /, чтобы быть SEO-совместимым. WWW. или не www. Выберите между: как ваш сайт появляется в результатах поиска : ваш site.com или www.siteniz.com? В разделе «Общие настройки» вы можете сделать это, а затем добавить стандартную структуру домена для своего сайта, чтобы добавить его в консоль поиска Google. HTML5, SEO и алгоритм Скуби-Ду
... lt;main>, этот ярлык пытается решить проблемы, возникшие в HTML5 с момента его утверждения, из-за неправильного использования этого стандарта разработчиками и оптимизаторами, а также решить внутреннюю проблему HTML5. Алгоритм Суби-Ду. Что на уровне SEO представляет серьезную проблему. Алгоритм Скуби-Ду Что такое якорный текст или якорный текст ссылок
Joomla против WordPress: какая CMS лучше
Никто не может утверждать, что WordPress широко популярен, но это не значит, что это универсальное решение для веб-разработчиков и контент-менеджеров. Одним из давних конкурентов WordPress в области управления контентом является Joomla. Обе платформы известны своими широкими возможностями настройки, простотой в использовании и обширными сообществами. Сходство почти странное, но я здесь, чтобы отфильтровать сильные стороны каждой платформы и надеяться, что она поможет аудитории решить,
Комментарии
Что ты предпочитаешь, быть известным как профессионал, который берет тебя дешево или что делает отличную работу?Что ты предпочитаешь, быть известным как профессионал, который берет тебя дешево или что делает отличную работу? Легко ответить. В начале карьеры в качестве фрилансера принято стремиться устроиться на работу любой ценой, создать портфель клиентов и начать получать первый заработок. Я сделал это сам (никогда за 7,00 $), и я не могу сказать, что сожалел об этом: это помогло мне понять, что оно того не стоило. Те клиенты, для которых я писал статьи за наименьшую сумму, которую я мог Что мешает кому-то сказать, что тот или иной раздел - это статья, когда в ней вообще ничего нет?
Что мешает кому-то сказать, что тот или иной раздел - это статья, когда в ней вообще ничего нет? Возникает путаница, когда использовать какой тег, использовать ли раздел или статью, вкладывать ли один внутри другого? Чего хочет Google Когда Google посещает ваш сайт, что их больше всего интересует: структура страницы или содержание? Хотя я уверен, что Google в какой-то степени заботится о том, как вы отмечаете свои страницы, они не вознаградят вас или не оштрафуют за попытку Это наиболее часто задаваемые вопросы активистов SEO, как часто мы должны обновлять сайт, чтобы повысить рейтинг сайта?
Это наиболее часто задаваемые вопросы активистов SEO, как часто мы должны обновлять сайт, чтобы повысить рейтинг сайта? Ответ заключается в том, что не существует какого-либо конкретного критерия того, как часто, есть даже некоторые клиентские сайты designbagus.com, которые никогда не обновлялись ежегодно, и по-прежнему занимают первое место в результатах поиска. Но если вы спросите Google или, возможно, матерей, которые ходят на рынок (скорее OOT, но все еще в порядке) ... все мы Или вы думаете, что концепция Persona была изобретена SEO или что мы первыми воспользовались нейробиологией и психологией в наших кампаниях?
Или вы думаете, что концепция Persona была изобретена SEO или что мы первыми воспользовались нейробиологией и психологией в наших кампаниях? Второе: оптимизаторы склонны думать, что они делают все , и что все остальные маркетологи должны просто выполнять то, что они - оптимизаторы - планируют. Потому что вскоре после того, как краткосрочный поиск закончится, что у вас осталось?
Потому что вскоре после того, как краткосрочный поиск закончится, что у вас осталось? При удаче несколько клиентов, но с негативной рекламой и совершенно потерянными усилиями в качестве побочного эффекта. А может и так штраф Google , когда вы сделали это в больших масштабах. И тогда вы можете временно списать свою компанию органично. Дефицит долгосрочного SEO Что такое пинг в блоге или веб-сайт?
Что такое пинг в блоге или веб-сайт? Пинг сайта или пинг в блоге это не что иное, как механизм, в котором ваш блог или служба, которая уведомляет серверы. Так что он уведомляет и какие серверы он уведомляет? Он уведомляет серверы о том, что вы опубликовали новую запись в блоге или у вас есть обновленная веб-страница на вашем сайте. Пинг-сервер уведомляет серверы, такие как поисковые системы, веб-сайты каналов, новостные Php if (function_exists ('yoast_breadcrumb')) {yoast_breadcrumb ('<p id = "breadcrumbs">', '</ p>'); }?
php if (function_exists ('yoast_breadcrumb')) {yoast_breadcrumb ('<p id = "breadcrumbs">', '</ p>'); }?> В общем, перейдя в «Внешний вид»> «Редактор», вы можете получить хороший результат, разместив его либо в самом низу файла заголовка (header.php), либо в самом верху шаблона страницы и / или или отдельная статья (page.php и / или single.php). Карта сайта или карта сайта Предоставление поисковым системам возможности сразу узнать все URL-адреса Если предположить, что ответ «нет», то почему вы ожидаете, что цены останутся неизменными или будут зависеть только от количества выбранных ключевых слов?
Если предположить, что ответ «нет», то почему вы ожидаете, что цены останутся неизменными или будут зависеть только от количества выбранных ключевых слов? Это не должно Ключевые вынос для маркетологов B2B Нельзя сказать, что у маркетологов B2B не должно быть основного набора терминов, вокруг которых они сосредотачивают инициативы SEO; однако широта ключевых фраз, которые потенциальные клиенты могут использовать для поиска решений организации, гораздо Это вопрос, который я недавно поднял, чтобы увидеть количество людей, которые связываются со мной, потому что их сайт был оштрафован, в результате статьи, о которой я писал Как выйти из штрафа?
Если предположить, что ответ «нет», то почему вы ожидаете, что цены останутся неизменными или будут зависеть только от количества выбранных ключевых слов? Это не должно Ключевые вынос для маркетологов B2B Нельзя сказать, что у маркетологов B2B не должно быть основного набора терминов, вокруг которых они сосредотачивают инициативы SEO; однако широта ключевых фраз, которые потенциальные клиенты могут использовать для поиска решений организации, гораздо То есть, если Google не объясняет открыто, как работает их алгоритм, можем ли мы просто сказать на основе корреляции, что длина текста является фактором ранжирования или нет?
То есть, если Google не объясняет открыто, как работает их алгоритм, можем ли мы просто сказать на основе корреляции, что длина текста является фактором ранжирования или нет? В этом случае я думаю, что да. Но соответствующая корреляция также заметна, например, с отношением Текст / HTML, и многие SEO-ботаники, включая меня, полагают, что это будет фактором ранжирования. Более подробный анализ этих двух факторов Факторы, связанные В старые времена с друзьями мы смеялись над пивом, как объяснить моей бабушке или маме, что мы на самом деле делаем и что составляет предложение?
В старые времена с друзьями мы смеялись над пивом, как объяснить моей бабушке или маме, что мы на самом деле делаем и что составляет предложение? К сожалению, клиенты часто не понимают (или не хотят понимать), что такое SEO и что мы на самом деле делаем как часть сервиса. Я постараюсь объяснить, что мы делаем в рамках услуги ежемесячной подписки, называемой SEO, и почему она не может стоить 300-400 злотых в месяц. SEO против SEM - различия Давайте
Что такое семантический HTML5?
Что такое администрация домена (DA)?
Что можно проверить и как?
Gt; <?
Php wp_title (); ?
Что такое SEO?
Com?
Что ты предпочитаешь, быть известным как профессионал, который берет тебя дешево или что делает отличную работу?
Что мешает кому-то сказать, что тот или иной раздел - это статья, когда в ней вообще ничего нет?
Возникает путаница, когда использовать какой тег, использовать ли раздел или статью, вкладывать ли один внутри другого?
