SEO Содержание Написание | Wordpress HTML для идеальной структуры блога

1. Написание убедительного содержания
2. содержание
3. Написание SEO контента: базовая оптимизация HTML
4. Только ОДИН тег h1
5. Можете ли вы НИКОГДА не иметь более одного тега h1 в одном сообщении?
6. Итак, как это сложное предложение?
7. Исправление
8. Вот что может вас заинтересовать
9. Так что же на самом деле произошло?
10. Относительно «проверки», упомянутой в начале этой статьи ...
11. Иерархия тегов
12. Предварительно отформатированный текст
13. Использование цитат
14. Что произойдет, если вы используете blockquote в своем оригинальном контенте?
15. Использование тега <hr />
16. Использование таблиц
17. Использование пуль
18. Использование якорей
19. Вставка тега привязки и ссылки на него
20. Тег Read More и выбор домашней страницы
21. Какой вариант лучше при написании SEO контента?
22. Использование тега Read More
23. Другие элементы
24. Заключительные слова

После моего последнего (переписанная) статья Я подумал, что пост о структуре написания SEO-контента в WordPress может быть полезен. Фактически, это относится ко всему веб-контенту, всем постам в блоге и является базовым протоколом HTML, который вы должны учитывать при написании чего-либо вообще.

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

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

Написание убедительного содержания

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

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

А теперь давайте разберемся с данной темой.

содержание

TinyMCE Расширенный плагин

Это дает редактору по умолчанию расширенные возможности. Загрузить и установить или нажмите «Добавить новый плагин» на панели инструментов WordPress и введите «TinyMCE Advanced» в поле поиска (обычно крайний справа вверху), затем нажмите «Установить», а затем активируйте и настройте. Все довольно интуитивно понятно, и я не буду вдаваться в подробности. Если вам нужен визуальный учебник, просто Google для него. Здесь очень много.

Это первый шаг: не игнорируйте его, если вы ищете правильную запись контента для SEO при создании постов в WordPress.

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

Написание SEO контента: базовая оптимизация HTML

Теги заголовка

Теги заголовка должны входить в иерархию. Еще, поисковые системы запутались. Вы этого не хотите.

Итак, <h1> предшествует <h2>, что предшествует <h3> и так далее. Это основное правило. (Обратите внимание на «Предварительно отформатированный» параметр после «Заголовка 6»: Мы придем к этому сразу после того, как мы закончили с тегами заголовка).

Только ОДИН тег h1

В статье / веб-странице должен быть только ОДИН тег <h1>. Поисковый бот показывает заголовок - тему статьи или страницы. Если вы добавите более одного тега <h1>, то в итоге бот будет очень озадачен тем, какой из них следует выбрать в качестве наиболее важного <h1> из всех, и о чем действительно ваша страница.

Можете ли вы НИКОГДА не иметь более одного тега h1 в одном сообщении?

На самом деле, да, вы можете. Однако должна быть веская причина для существования более одного <h1>. Если у вас есть очень разные разделы в одном посте, было бы хорошо иметь более одного. Имейте в виду, однако, что именно поисковые системы будут определять, были ли вы оправданы в их использовании.

Вот (краткая) стенограмма того, что Мэтт Каттс говорит в видео ниже:

«Можно иметь более одного тега <h1>, если у вас есть разные разделы, но ранее этим злоупотребляли, и наши алгоритмы учитывают это. Так что да, у вас может быть несколько тегов <h1> на странице, но вам, вероятно, лучше не использовать их без разбора ».

Итак, как это сложное предложение?

Это не так, но, как всегда, неожиданная странность появляется из ниоткуда, и вы должны быть осторожны с ними.

Если бы вы использовали обычный HTML на веб-странице, проблем не было бы. Однако в WordPress вы будете использовать тему. Некоторые темы будут использовать <h1> для названия сайта. Обычно это будет иметь место только со страницами, а не сообщениями. Если вы создадите страницу и, скорее всего, сделаете это и вставите заголовок, завернутый в теги <h1>, вы по неосторожности вызовете появление двойных экземпляров <h1> на вашей странице.

В большинстве случаев проблема заголовка сайта решается после загрузки изображения заголовка баннера. Но если вы не знаете, что что-то не так, вы не сможете исправить это. Между тем, это портит ваш SEO.

Исправление

Вы можете щелкнуть правой кнопкой мыши на веб-странице и выбрать «просмотр источника страницы» в всплывающем контекстном меню. На странице с исходным кодом нажмите Control + F, чтобы найти теги <h1>. Не вводите <h1>, потому что с ним может быть связан класс CSS или span.

Например, тема, которую я использую на момент написания этого поста, использует <h1 class = "post-title entry-title"> для заголовка этого поста. Если вы не знаете, что это за класс, вы никогда его не найдете. Вместо этого используйте закрывающий тег < / h1>.

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

Вот что может вас заинтересовать

Я искал теги <h1> и нашел их, только один из найденных тегов оказался неожиданным. Теги заключены в следующие слова: «Мой информационный бюллетень». Я понятия не имел, что происходит, и более внимательно посмотрел на код, так как эти слова не были видны в начале. Там они были, в коде в форме подписки нижнего колонтитула. Я только что удалил форму. Позже вернусь к нему, чтобы исправить код, если найду время.

Так что же на самом деле произошло?

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

В этом случае, возможно, я спешил, я не помню. И теги <h1> остались. Они не показывались в начале, но оставались скрытыми в коде - слишком хорошо видны поисковым роботам.

Я не знаю, почему кто-то использовал бы теги <h1> в форме подписки, но я не могу решить эту проблему. Лучше научиться жить с этим, я полагаю.

Относительно «проверки», упомянутой в начале этой статьи ...

мой домашняя страница показывает предупреждение в инструменте проверки, который говорит:

«Предупреждение : рассмотрите возможность использования элемента h1 только в качестве заголовка верхнего уровня».

Это потому, что я использовал немного основного текста, прежде чем использовать тег <h1>. Я считаю это вполне приемлемым, потому что моя структура контента требует этого. Опять же, я могу ошибаться, но, по крайней мере, я знаю, почему я делаю что. Тебе тоже следует. Если вы хотите быть SEO Content Writer Во что бы то ни стало, импровизировать, но сначала знать правила.

Вернуться к содержанию

Иерархия тегов

Мы упоминали, что теги заголовков располагаются в порядке убывания численно, и это совершенно верно. Однако это не мешает вам начать с нового набора нисходящих тегов в середине вашей статьи, если этого требует структура вашего контента. Вы можете иметь один раздел, начинающийся с <h2>, затем иметь несколько подзаголовков в <h3> (до <h6>, если необходимо), а затем начать новый раздел с <h2> и продолжить с дополнительными подзаголовками. И, как мы уже отмечали, обычно есть только один <h1> - тот, который находится в заголовке статьи.

Большинство тегов заголовков в этой статье находятся в <h3> или <h4>, потому что они находятся под заголовком <h2> «Написание SEO контента: базовая оптимизация HTML».

Предварительно отформатированный текст

Это полезно, когда блок текста организован в виде шаблона, как это часто бывает в поэзии. Если вы хотите сохранить рисунок, вы выбираете текст и выбираете опцию «Предварительно отформатировано» (как отмечалось на рисунке ранее). Вот пример с помощью маркетинг дзен - лимерик находится в тегах <pre>, а все, начиная с имени автора и заканчивая лирикой, - в цитатах.

Тамар Вайнберг , Mashable

SEO - отличный маленький инструмент, который можно найти в Интернете - это круто. Как только вы попали в рейтинг, вы получите деньги, и ваши конкуренты станут дураками.

И если вам трудно добавить строку текста, такую ​​как эта, после цитаты, это потому, что в WordPress есть свои причуды. Если вы сначала все напишете, а затем отформатируете часть как цитату, проблем не будет. У вас все еще есть текст абзаца под ним, и вы не замечаете раздражение.

Если вы отформатируете текст во время написания, поместите цитату в кучу текста и нажмите Enter, чтобы начать нормальный абзац, вам может быть трудно избежать тега blockquote!

Не парься. Переключитесь в текстовое представление, найдите свой раздел с кавычками, напечатайте что-нибудь под ним после тега </ blockquote>, вернитесь в Visual, и вы найдете напечатанное «что-то» в формате абзаца. Теперь выберите и перезапишите все, что вы действительно хотели написать.

Конечно, есть более простой вариант - просто выбрать новый текст, который вы пытаетесь добавить в качестве абзаца, и щелкнуть на опции абзаца в визуальном редакторе 🙂

Вернуться к содержанию

Использование цитат

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

Есть некоторые свидетельства того, что нахождение вещей, которые имеют особое значение для центральной идеи вашего контента (даже если это ваши собственные мысли), может действительно помочь. Поисковые системы могут относиться к ним как мета описания и это может быть полезно для вашего рейтинга. Изучение этого редкого использования одного из самых распространенных элементов HTML имеет смысл, если ваш контент привлекателен и оптимизирован для поисковых роботов. Обратите внимание на следующий фрагмент:

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

Элемент blockquote (<blockquote> </ blockquote>) был введен в HTML 4.01 в 1999 году. При использовании материалов из других источников (с указанием авторства, разумеется) для подтверждения своих собственных мыслей используйте цитаты, чтобы избежать наказания за дублирование контента.

Общее правило: помещайте все, что вы цитируете, в цитаты.

Давайте поместим это в цитаты:

Общее правило: помещайте все, что вы цитируете, в цитаты.

Выделите текст, который вы хотите поместить в цитату, и щелкните значок цитаты в редакторе WordPress (см. Изображение выше).

И, согласно Руководство по стилю APA , только если указанная часть составляет 40 слов или более.

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

На практике я не совсем следую рекомендациям APA (потому что я в основном пишу в блогах, а не в академических или журналистских материалах). Я просто цитирую все, что мне нужно, нажимаю на предварительный просмотр и проверяю, хорошо ли он выглядит. Если это так, то оно остается, если оно выглядит принудительным (одно предложение будет), оно вставляется в строку с двойными кавычками.

Кстати, вы никогда не используете кавычки с кавычками.

Что произойдет, если вы используете blockquote в своем оригинальном контенте?

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

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

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

Есть класс, который нельзя купить за деньги. Это похоже. Если вы не соблюдаете этикет, на вас смотрят свысока. Если вы занимаетесь написанием SEO-контента, но не знаете, как форматировать свои статьи, вас увольняют как любителя. Там нет двух способов об этом.

Кстати, я использовал правильное форматирование для кода (<code> </ code>) при обращении к коду - как в <h1>, потому что код должен отображаться как таковой в передней части веб-страницы. Все на своем месте является правильным SEO. И каждый немного помогает вам оценить.

(Тем не менее, также допустимо писать H1 или H2. Я взял на себя дополнительные хлопоты, потому что этот пост о правильных действиях).

В TinyMCE Advanced вы найдете это в «Формат> Форматы> Встроенный> <> Код».

Вернуться к содержанию

Отказ от ответственности:

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

Использование тега <hr />

Это будет горизонтальная линия, которая отделяет один блок контента от другого в той же статье. Дело здесь в «тематическом» перерыве.

Не используйте его до или после заголовков, если для этого нет веских причин.

В этой статье вы заметите, что заголовок «Написание контента SEO: базовая оптимизация HTML» представлен тегами <hr /> до и после. Мне пришлось принять решение либо использовать CSS для создания двух строк, либо использовать элемент <hr />, поскольку тематически заголовок является родительским элементом для множества различных подзаголовков, которые идут после него. CSS занял бы немного больше времени, чем просто вставка тегов <hr />, и у меня постоянно не хватает времени.

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

Читатели сети будут просматривать большинство вещей. В дополнение к созданию SEO-дружественного контента, вы должны предоставить им максимальный визуальный комфорт, чтобы они действительно читали. Тег <hr /> очень полезен в этом отношении. Не используйте его без разбора, иначе ваш контент будет выглядеть не разделенным на части.

Использование таблиц

Опять же, если вы хотите сохранить правильную форму (и вы должны), поместите данные в таблицы. Потому что поисковые роботы знают, что данные для таблиц. Вы помещаете данные в любом другом формате, они могут не понимать их данные. В любом случае вы вряд ли попадете в Google Featured Snippet.

Вы можете использовать опцию таблицы по умолчанию или перейти на этот сайт генерировать HTML для таблицы. Вставка из MS Word не работает. Однако вы можете использовать учетную запись Cloudup для встраивания таблиц из MS Excel или Google Docs. Вот подробный пост о том, как это сделать.

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

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

Итак, для сравнения продуктов используются таблицы.

Статистика использования таблиц.

Очки по определенной теме используют маркеры (которые создают списки).

Использование пуль

Маркеры представляют элемент списка (<ul>, <ol> и <li> - как заказанные, так и упорядоченные списки). Если вы находитесь в списке, используйте пули.

НЕУПОРЯДОЧЕННЫЙ СПИСОК

ЗАКАЗАННЫЙ СПИСОК

То же правило применяется, если вы создаете список контента в начале статьи (кстати, стиль Википедии, который очень хорош для SEO).

Использование якорей

Обратите внимание, что элементы списка имеют гиперссылки на разделы на странице. Используйте для этого инструмент привязки. Это очень удобно для читателя. Не забывайте держать время от времени Вернуться к содержанию 'из' Вернуться к началу 'ссылка также, используя якоря, снова. Это не может быть напрямую связано с написанием SEO контента, но это поможет вам выглядеть профессионально.

Давайте снова поиграем с цитатами, потому что то, что будет дальше, очень полезно.

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

Таким образом, тег привязки для «Bullets» фактически вставляется непосредственно перед строкой в ​​предыдущем пункте, которая гласит: «Статистика использует таблицы».

Якоря представлены в HTML как <a name="anchorname"> </a> или <a id="anchorname"> </a>. WordPress использует второй формат.

Вставка тега привязки и ссылки на него

Сначала нажмите на текст, в который вы хотите вставить якорь. Затем щелкните значок привязки (вы можете настроить редактор так, чтобы он отображался самостоятельно) или «Вставить»> «Привязка».

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

Когда ваш якорь вставлен, перейдите к строке текста (или слова, что угодно), которую вы хотите связать с ним, выделите ее, щелкните значок ссылки в редакторе, введите имя якоря с хэштегом прямо перед ним без пробела. Итак: #anchorname.

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

Вернуться к содержанию

Тег Read More и выбор домашней страницы

Все ваши сообщения в WordPress перечислены со ссылкой (в заголовках и избранных изображениях) на их исходное местоположение на одной странице. Вы можете называть страницу как угодно. Часто это домашняя страница вашего блога. Если вы поддерживаете статическую домашнюю страницу, вам нужно создать отдельную страницу для своих сообщений. Вы можете сделать все необходимое из панели инструментов WordPress, выбрав «Настройки»> «Чтение».

Все, что вам нужно, это создать страницу с помощью опции «Добавить новый» («Страницы»> «Все страницы» / «Добавить новый») на боковой панели администратора / панели управления WordPress. Эта страница будет содержать только заголовок страницы. После того как вы создали страницу, она появится среди опций для страницы сообщений (см. Изображение ниже). Вы можете отключить кнопки общего доступа на этой странице.

Если вам интересно, почему на моем сайте отображается «Блог» вместо «Статьи», как показано на рисунке ниже, я внес это изменение при создании меню («Внешний вид»> «Меню»), которое также доступно через боковую панель WordPress Dashboard.

Если вы нажмете на Блог , URL будет по-прежнему отображать / статьи /, а не / блог /.

Какой вариант лучше при написании SEO контента?

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

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

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

Использование тега Read More

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

Или вы можете выбрать отображение фрагментов вместе с заголовком и Избранным изображением (если оно есть), чтобы у вашего читателя был список ваших сообщений на выбор. Они могут щелкнуть заголовок / избранное изображение, чтобы перейти к отдельному сообщению.

Если это то, что вы хотите сделать, вам нужно будет вставить тег <! - more -> там, где вы хотите, чтобы фрагмент заканчивался. В этой статье первый абзац отображается в виде фрагмента на странице блога.

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

Чтобы вставить тег <! - more ->, щелкните в нужном месте содержимого, затем выберите «Вставка»> «Вставить тег Подробнее» или щелкните значок «Подробнее» в редакторе, если вы его поместили. там.

Вернуться к содержанию

Другие элементы

Тег <div> используется для разделения раздела и применения к нему собственного специального форматирования. Скажем, вы хотите, чтобы текстовое поле отображалось желтым цветом, чтобы отделить его от остального содержимого. Возможно, вы хотите продемонстрировать предложение в нем. В таких случаях весь раздел должен быть заключен в теги <div> </ div>, а затем вы применяете необходимые правила CSS. Но это совсем другая тема.

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

Заключительные слова

Редактор TinyMCE Advanced - это гораздо больше, чем мы обсуждали. И, конечно же, WordPress SEO намного больше. Наша цель здесь состояла лишь в том, чтобы поговорить о том, как соблюдать надлежащие протоколы HTML при написании SEO-контента, чтобы сделать поисковые машины счастливыми. Да, это занимает немного работы, но через некоторое время это также становится рутиной.

Оставьте комментарий, если вы думаете, что я что-то пропустил.

Похожие

Комментарии