Теги в разделе пользовательской документации. Заголовки и теги: для чего нужны и как составлять

08.07.2019

Добрый день!

Начнем с самого начала на тот случай, если кто-то вообще ничего не знает о more.

Я не был на море.

– Ладно, не заливай, ни разу не был на море!

– Не довелось, не был…

– Уже постучались на небеса, накачались текиллой, буквально проводили себя в последний путь, а ты на море-то не побывал?!

– Не успел, не вышло…

– Не знал, что на небесах никуда без этого?

к/ф “Достучаться до небес”

Как добавить more

Так вот, какой фрагмент текста отображать в анонсе задается с помощью тега more . Этот тег разделяет статью на две части: вступительную (анонс) и продолжение.

В редакторе WordPress тег more можно вставить с помощью кнопки в панели инструментов.

1. Визуальный режим редактора:

2. Текстовый режим редактора:

В текстовом режиме, так же можно вручную разделить запись: просто напишите

А теперь важная информация, которую знают далеко не все!

Так вот, есть элементарный способ задавать каждой ссылке после анонса свой уникальный текст!

Сделать это можно, просто написав, нужный текст внутри конструкции с more. Вот так:

Спросите а зачем так делать? Еще прописывать каждый раз текст.

Честно говоря, сам такой =) Уже 84 статьи опубликовал, и только “расчехлился” по этому поводу.

Как изменить текст?

1. Первый – самый простой способ – это добавить ваш текст (обычно в index.php) в функцию the_content

2. Второй способ с использованием хука the_content_more_link . Просто добавьте следующий код в и задайте желаемый текст ссылки.

function my_more_link($more_link, $more_link_text) { return str_replace($more_link_text, "Продолжить чтение...", $more_link); } add_filter("the_content_more_link", "my_more_link", 10, 2);

Этот способ удобен тем, что вам не нужно искать по файлам шаблона, где именно у вас используется the_content (это не обязательно в index.php, может быть и content.php и что угодно.) Здесь вы работаете только в файле functions.php.

3. В третьем пункте просто сохраню для истории способ с использованием произвольного поля WordPress.

Вписывание текста непосредственно в , конечно же проще и понятней.

Здесь просто откорректируйте вызов функции the_content одним из двух способов.

Как убрать #more из ссылки

В коде этот якорь устанавливается таким вот способом:

добавить новую, все легко и просто. Глаза разбегаются да? Так и хочется писать и писать? Нет, надо хотеть рубить бабло, но и писать с удовольствием, ведь нельзя совмещать вещи которые тебе не нравится с вещами которые необходимы).

После того как вы нажали кнопку Добавить новую вы увидите поле для ввода заголовка статьи и поле для написания самой статьи, справа можно увидеть вкладку-переключатель между визуальным и Html редактором. Между рабочем полем и полем ввода Title вы увидите различные инструменты редактирования статьи

Начнем по порядку, B и I эти кнопки помогут нам задать теги акцентирования, в первом случае выделив слово или словосочетание жирным, ну а вторая кнопка поможет выделить курсивом. Ниже, где написано слово Абзац, находятся теги заголовка H1 - H6. Предназначены для выделения заголовков из общей серой массы текста.

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

Ну а следующей идет кнопка вставки ссылки. Остальное я думаю проверите самостоятельно методом тыка, ничего сложного там нет поэтому можете свободно проверять для чего каждая кнопка в данном html редакторе, не бойтесь. У нас также есть кнопка отмены, обозначенная полукруглой стрелочкой справа

Как писать статью seo оптимизированную под поисковик

Чтобы быстро писать статью необходимо сначала определиться с заголовком. Но следует обратить внимание, что заголовок статьи Title должен содержать в себе ключевое слово. Ключевое слово, это то слово, по которому вы хотите чтобы вас находили в интернете.

Разберем пример, мы пишем статью про надувные шары, так вот в заголовке обязательно должен указываться ключ - надувные шары из гелия, продажа надувных шаров , а не заголовок такого вида: Это круглое и легкое, разноцветное и резиновое. И во втором случае вы начинаете писать про надувные шары, при таком несовпадении ключевого слова и заголовка, будет очень тяжело продвинуться в топ.

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

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

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

Заголовок должен иметь такой вид Название статьи-Название блога если вы посмотрите в своем браузере, то вы увидите что у меня это именно так, делается это с помощь описанного мною раннее плагина All in one seo pack.

Теги акцентирования Strong и Em

После того, как вы выбрали заголово к, приступаем к написанию статьи и поисковой оптимизации текста. Писать статью будем с помощью различных тегов. Для начала рассмотри теги акцентирования Strong и Em. Тут на выбор мы можем использовать или визуальный редактор или Html редактор.

Я как говорил уже комбинирую их оба, так мне гораздо удобнее, ну а если вы новичок, и в вопросах Html редактирования совсем не разбираетесь, то без раздумья выбирайте визуальный. Использовать теги акцентирования при написании статей мы должны в ключевых словах, тег Strong поможет выделить слово жирным, тег Em сделать курсив. При использовании тегов акцентирования необходимо следовать следующим правилам:

  • Не стоит выделять тегом Strong и Em все ключевые слова;
  • Необходимо разбавлять ключевые слова простым текстом при выделении;
  • Уровень выделения каждый определяет сам, я допустим выделяю одно ключевое слово на 70-100 простых слов тегом Strong;
  • Надо выделять помимо ключевого слова и около стоящий текст.
  • Существуют и теги акцентирования для людей это теги B и тег I. С помощью них вы можете выделить текст для людей, такое выделение не будет учитываться поисковиками. Для того чтобы выделить слово или текст необходимо зайти в Html редактор и выделить текст вот так

    ваш текст ваш текст ваш текст

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

    Тег H1, тег H2 поисковая оптимизация заголовка и текста в html редакторе

    Помимо указанных тегов акцентирования, поисковая машина обращает внимание на теги H1 и h2-h6, почему я отделил тег h1? Все просто он должен быть 1 на страницу . А вот тегом H2 выделяются заголовки прописанные в статье, заголовки в статье помогают лучше ориентироваться пользователям, но не забывайте, что там так же необходимы ключевые слова.

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

    Теги h4-h6 могут быть использованы для выделения категорий или каких нибудь незначительных элементов, таких как список похожих статей, который делается плагином WordPress Related Posts, и о котором я уже рассказывал на прошлых уроках.

    Если вы хотите посмотреть теги заголовков, у кого либо на сайте, можете воспользоваться плагином Web Developer для браузера Firefox, помимо функции определения уровня заголовка, плагин может определять ошибки в css, определить ссылки, показать атрибуты картинок Alt и многие другие функции имеет этот плагин.

    Вторым способом определения тега H1-H6 будет являться проверка кода, для этого нажмите правой кнопкой мыши на сайте где вы хотите узнать теги, и выберите просмотр Html кода. Или же чтобы не копаться в куче кода, можете просто выделить заголовок и посмотреть код выделенного фрагмента, но проще все таки установить плагин.

    Кстати совсем забыл, чтобы прописать тег h1 в заголовках вашей статьи необходимо зайти в внешний вид --> редактор и выбрать файл Single.php и найти текст отвечающий за заголовок (Title) статьи, у меня эта строка выглядит так, как видите заголовок выделен в тег H1.

    ?php the_title();

    Надеюсь я достаточно четко рассказал о том как писать статью и как использовать теги акцентирования с заголовками h1, спасибо за внимание, побольше профита всем и удачного дня.

    HTML-теги — основа языка HTML. Теги используются для разграничения начала и конца элементов в разметке.

    Каждый HTML-документ состоит из дерева HTML-элементов и текста. Каждый HTML-элемент обозначается начальным (открывающим) и конечным (закрывающим) тегом. Открывающий и закрывающий теги содержат имя тега.

    Все HTML-элементы делятся на пять типов:

    • пустые элементы — , ,
      , , , , , ,
      Используется для хранения дополнительной информации о странице. Эту информацию используют браузеры для обработки страницы, а поисковые системы — для ее индексации. В блоке может быть несколько тегов , так как в зависимости от используемых атрибутов они несут разную информацию. Индикатор измерения в заданном диапазоне. Раздел документа, содержащий навигационные ссылки по сайту. Определяет секцию, не поддерживающую сценарий (скрипт). Контейнер для встраивания мультимедиа (например, аудио, видео, Java-апплеты, ActiveX, PDF и Flash). Также можно вставить другую веб-страницу в текущий HTML-документ. Для передачи параметров встраиваемого плагина используется тег . Упорядоченный нумерованный список. Нумерация может быть числовая или алфавитная. Контейнер с заголовком для группы элементов . Определяет вариант/опцию для выбора в раскрывающемся списке , или . Поле для вывода результата вычисления, рассчитанного с помощью скрипта.

      Параграфы в тексте. Определяет параметры для плагинов, встраиваемых с помощью элемента . Элемент-контейнер, содержащий один элемент и ноль или несколько элементов . Сам по себе ничего не отображает. Дает возможность браузеру выбирать наиболее подходящее изображение. Выводит текст без форматирования, с сохранением пробелов и переносов текста. Может быть использован для отображения компьютерного кода, сообщения электронной почты и т.д. Индикатор выполнения задачи любого рода. Определяет краткую цитату. Контейнер для Восточно-Азиатских символов и их расшифровки. Определяет вложенный в него текст как базовый компонент аннотации. Добавляет краткую характеристику сверху или снизу от символов, заключенных в элементе , выводится уменьшенным шрифтом. Отмечает вложенный в него текст как дополнительную аннотацию. Выводит альтернативный текст в случае если браузер не поддерживает элемент . Отображает текст, не являющийся актуальным, перечеркнутым. Используется для вывода текста, представляющего результат выполнения программного кода или скрипта, а также системные сообщения. Отображается моноширинным шрифтом. Используется для определения сценария на стороне клиента (обычно JavaScript). Содержит либо текст скрипта, либо указывает на внешний файл сценария с помощью атрибута src . Определяет логическую область (раздел) страницы, обычно с заголовком. Элемент управления, позволяющий выбирать значения из предложенного множества. Варианты значений помещаются в . Отображает текст шрифтом меньшего размера. Указывает местоположение и тип альтернативных медиаресурсов для элементов , , . Контейнер для строчных элементов. Можно использовать для форматирования отрывков текста, например, выделения цветом отдельных слов. Расставляет акценты в тексте, выделяя полужирным. Подключает встраиваемые таблицы стилей. Задает подстрочное написание символов, например, индекса элемента в химических формулах. Создаёт видимый заголовок для тега . Отображается с закрашенным треугольником, кликнув по которому можно просмотреть подробности заголовка. Задает надстрочное написание символов.

      Как улучшить позиции блога – основы продвижения

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

      Тег для создания таблицы.
      Определяет тело таблицы.
      Создает ячейку таблицы.
      Используется для объявления фрагментов HTML-кода, которые могут быть клонированы и вставлены в документ скриптом. Содержимое тега не является его дочерним элементом.
      Создает большие поля для ввода текста.
      Определяет нижний колонтитул таблицы.
      Создает заголовок ячейки таблицы.
      Определяет заголовок таблицы.
      Определяет дату/время.
      Заголовок HTML-документа, отображаемый в верхней части строки заголовка браузера. Также может отображаться в результатах поиска, поэтому это следует принимать во внимание предоставление названия.
      Создает строку таблицы.
      Добавляет субтитры для элементов и .
      Выделяет отрывок текста подчёркиванием, без дополнительного акцента.
      Создает маркированный список.
      Выделяет переменные из программ, отображая их курсивом.
      Добавляет на страницу видео-файлы. Поддерживает 3 видео формата: MP4, WebM, Ogg.
      Указывает браузеру возможное место разрыва длинной строки.
      Рекомендуем прочитать:

      Что ж вы узнаете из этой статьи:


      1.Что такое внутренняя оптимизация и как правильно ее сделать?

      2.Правильная структура статьи , какая она должна быть?

      3.Внешняя оптимизация блога – где и как получить беклинки?
      4.Правильная структура сайта.
      5.Перелинковка – это довольно важный элемент внутренней оптимизации. Основная цель — сосредоточить веса на выбранных для продвижения страницах. В статьях своего блога вы должны давать ссылки на другие материла, но делать это разумно, а не просто вставлять куда попало. Правильная перелинковка улучшит индексацию вашего сайта, поможет поисковому роботу быстрее и лучше просканировать все страницы. Также опытные СЕО мастера утверждают, что можно получить от Гугла PR 3 только благодаря хорошей структуре и грамотной перелинковке. В рамках данной статьи рассказать о всех методах и способах линкования не получится, и для этого я решил написать отдельную статью – «Правильная перелинковка блога – залог успешного продвижения»

      Рекомендуем прочитать:


      6.Мета теги. Вот мы и подобрались к одной из самых важных частей внутренней оптимизации — мета тегам. Запомните самое главное правило, у каждой
      страницы должны быть уникальные titleи description. Почему так? Тут все просто. Именно по мета тегам поисковый робот понимает о чем ваша статья, какую информацию вы хотите донести до читатели. Вот еще несколько правил которые нужно соблюдать составляя метатеги страниц:

      Итак, начнем с самых элементарных вещей. Я уверен, что каждый из Вас понимает, что чем выше сайт будет в поиске по определенным запросам, то тем больше читателей зайдет на ваш блог. Взаимосвязь между количеством читателей и возможным заработком думаю, что не стоит объяснять.

      Как же попасть на эту заветную вершину, на Олимп поисковой системы? Еще до того, как начать писать статьи вы должны понимать и разбираться в основах СЕО оптимизации, понимать что такое мета теги, как их правильно составить, где и сколько разместить ключей в статье. Вот мы и подошли плавно к внутренней оптимизации.

      Что такое внутренняя оптимизация сайта и как правильно ее сделать?

      Внутренняя оптимизация сайта – это комплекс мер который заключается в том, чтоб организовать правильную и максимально эффективную структуру сайта.
      Этот комплекс включает в себя:

      1. Правильная структура сайта. Она должна быть логичной, понятной как пользователю так и поисковому роботу. В идеале, любой читатель должен в три клика попасть на любую страницу вашего сайта. Не делайте сложных систем, с множеством переходов и скрытых разделов. Это может сильно ухудшить юзабилити, и в результате можно потерять потенциальных читателей.
      Лично мой совет – перед тем, как делать свой блог изучите структуру самых популярных блоговых площадок Рунета, как они организованы, какие разделы имеют, что используют при построении своего ресурса. Тут нет ничего зазорного, для чего выдумывать колесо, если и так все уже предельно ясно.

      Рекомендуем прочитать:

      2. Перелинковка – это довольно важный элемент внутренней оптимизации. Основная цель — сосредоточить веса на выбранных для продвижения страницах. В статьях своего блога вы должны давать ссылки на другие материла, но делать это разумно, а не просто вставлять куда попало. Правильная перелинковка улучшит индексацию вашего сайта, поможет поисковому роботу быстрее и лучше просканировать все страницы. Также опытные СЕО мастера утверждают, что можно получить от Гугла PR 3 только благодаря хорошей структуре и грамотной перелинковке. В рамках данной статьи рассказать о всех методах и способах линкования не получится, и для этого я решил написать отдельную статью – «Правильная перелинковка блога – залог успешного продвижения»

      3. Мета теги. Вот мы и подобрались к одной из самых важных частей внутренней оптимизации — мета тегам. Запомните самое главное правило, у каждой страницы должны быть уникальные title и description. Почему так? Тут все просто. Именно по мета тегам поисковый робот понимает о чем ваша статья, какую информацию вы хотите донести до читатели. Вот еще несколько правил которые нужно соблюдать составляя метатеги страниц:

      Соблюдайте определенную длину тега. При выдаче по поисковому запросу что Яндекс, что Гугл учитывают только определенное количество символов. Для тайла – это не более 70, а для дискрипшена не больше 150 с учетом пробелов. Хотя в среде сеошников до сих пор нет одного четкого понимания относительно оптимальной длины. Недавно читал тему о том, что мета теги могут быть и длиннее заявленных размеров. Автор указывал на то, что у него тайтл был порядка 110 символов и, в зависимости от запроса, Яндекс выдавал ту часть тайтла которая содержала запрашиваемое ключевое слово. Если честно, то очень интересное наблюдение. Сам еще на практике не проверял, но автору данного исследования нет оснований не доверять. Обещаю, что сделаю подобный эксперимент на своих под опытных сайтах и напишу небольшую заметку об этом.

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

      Рекомендуем прочитать:

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

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

      Ключевые слова, входящие в Title и description должны обязательно отвечать содержимому всей страницы . Если на странице текст про выпечку и кулинарию, а в заголовке и описании упоминания об этом нет, вместо того стоят непонятные ключи, то можете не удивляться резкому понижению в выдаче или фильтру АГС.

      Правильная структура статьи, какая она должна быть?

      Как я уже отмечал, внутренняя оптимизация – это комплекс мер по продвижению вашего сайта. Правильно составленные и грамотно оформленные мета теги title иdescriptionочень важны и это большой плюс, но кроме того нужно еще и верно структурировать весь контент, подготовить его к продвижению. Как это сделать? По сути сложного ничего нет. Существуют теги для разметки h1-h6. Это, так званные, заголовки статей. Если хотите, чтоб поисковый робот максимально оценил качество вашей статьи, то вы просто обязаны использовать данные заголовки. Обязательно нужно знать такие правила:

      • H1 – это главный заголовок. Его нужно использовать в статье исключительно один раз. Для Вас это должно стать правилом которое нельзя нарушать. Старайтесь в каждой статье, которую планируете продвигать в поисковых системах, использовать этот тег.
      • H2 – второстепенный статейный тег. Если у Вас большая статья, которая имеет несколько смысловых разделов, то желательно их разделить этим заголовком. В h2 заголовки тоже желательно ввести ключи, но только те, которые отвечают содержанию части статьи в которой стоит тег h2. Ограничения относительно количества h2 нет, как в случае с тегом h1, но делайте все исходя из человечности и читабельности статьи. Не нужно пихать через каждые 200-300 символов тег. Это только навредит продвижению.
      • H3-H6 – эти заголовки не являются обязательными , но если вы видите, что уже использовали один Н1 тег, несколько Н2, а по тексту нужно еще вставить парочку заголовков, то можете смело структурировать статью при помощи H3-H6.
      Рекомендуем прочитать:

      В h1 обязательно должен входить продвигаемый ключ, но таким образом, чтоб заголовок не дублировал тег title.

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

      Внешняя оптимизация сайта – где и как получить беклинки?

      Вот вы оформили статью используя все мои советы, сделали правильную структуру, разобрались с titleи description, что возникает вопрос – «А что делать дальше?». Можно ничего не делать, по сути этого достаточно для того, чтоб статья начала двигаться в ТОП позициям. Но… если вы хотите занять лидирующие места по запросу которые имеет конкуренцию, то тут нужно придать небольшого стимула, который поможет статье еще быстрее подняться в ТОП выдачи. Таким стимулом является внешняя оптимизация сайта, а именно социальная активность и закупка обратных ссылок.

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

      Рекомендуем прочитать:

      Также более детально про беклинки и способы их получения я писал в статье

      Ну и в конце хотелось бы сказать, что ваше продвижение не будет давать практически никакого эффекта если вы не сделаете правильной внутренней оптимизации. Многие начинающие блогеры допускают такие банальные ошибки – пишут статью и сразу начинают покупать на нее ссылки, при этом совершенно игнорируя все основные правила относительно мета тегов и тегов статей. Как результат — продвижение не идет, а если и идет, то с невероятными финансовыми затратами.

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

    Похожие статьи