Как писать статьи в wordpress — визуальный и html редакторы, заголовки и выделение ключевых слов

Используем визуальный редактор WordPress для наполнения блога статьями

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

Чтобы запустить визуальный редактор нужно в виджете “Записи”, он размещен в верхнем левом углу администраторской панели блога, кликнуть по ссылке “Добавить новую”. Откроется окно, в котором все будет готово к набору текста Вашей новой записи.

Кликнув по ссылке “Все записи” попадаем на панель инструментов, где отображаются названия уже размещенных записей, которые можем отредактировать, открыв их в визуальном редакторе WordPress.

Настройка визуального редактора wordpress.

Откройте Ваш профиль(виджет “Пользователи”) – снимите флажок напротив пункта “Отключить визуальный редактор”

Кликнув по ссылке “Все записи” открывается панель “Записи”, вид которой можно настроить. Кликнув по ссылке “Настройки экрана” разворачивается панель(1), на которой выведены названия виджетов, которые могу активировать или запретить их к показу(2).

Панель настраиваю таким образом(выставлены флажки): после вывода названия записей(по умолчанию), вывожу название рубрик, количество комментариев и просмотров(Views), дату публикации, title (заголовок), description (описание)(2). Вывод последних двух виджетов возможно только после установки плагина All In One SEO Pack, количество просмотров выводиться плагином WP-PostViews. Количество опций в панели настройки может изменяться в зависимости от установленных плагинов на блоге.

Кликнув по ссылке “Добавить новую” запускаем визуальный редактор WordPress . В правом верхнем углу вызываем выпадающую панель “Настройки экрана”(3).

Я могу настроить отображение виджетов и самого визуального редактора в 1 или 2 колонки, само окно редактора и виджет “Опубликовать” являются активными по умолчанию. Настройка виджетов визуального редактора:

  • инструменты SEO – доступен после установки плагина All In One SEO Pack, который позволяет прописать мета теги к каждой записи, настроить запрет/разрешить ее индексировать поисковыми системами(4).
  • настройка маскировки ссылок – виджет доступен после установки плагина WP No External Links(5)
  • виджеты рубрик и меток – позволяет привязать запись к одной или нескольким рубрикам или меткам. Уже год следую жесткому правилу: один пост = одна рубрика и ни одной метки. Это защищает блог от искусственного и бесполезного наращивания страниц.(6 — 7).
  • цитата (8) – только недавно узнал о том, что с помощью заполнения поля цитата можно организовать вывод оригинальных анонсов. Вот только не все шаблоны позволяют это реализовать.
  • когда Вы проставляете ссылку на страницу какого-то ресурса можете вписать ее адрес в форму и отправить сообщение его автору. По умолчанию приходят сообщения Вам на почту после сохранения/редактирования записи(9)
  • произвольные поля(10) – задействованы в работе некоторых плагинов и хаков. К примеру, автоматически создаются плагином WP-PostViews, выводя количество просмотров статей(вы можете искусственно их накрутить тогда, когда реализован их вывод в активированном шаблоне на блоге. Плагин WP No External Links создает свое поле. Иногда для работы плагина Related Posts Thumbnails приходится создавать произвольное поле в ручную.
  • обсуждение или комментирование – выводятся все комментарии к одной конкретной статье(11), если конечно читатели их напишут.
  • Виджет Ярлык – выводятся латинские слова через дефис, на их основе формируется ЧПУ – адрес, если конечно же Вы активировали нужную опцию на блоге. На первых порах проконтролируйте создание ярлыков, чтобы вовремя исправить непредвиденные ошибки в формировании адресов.

Работа с визуальным редактором wordpress

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

Перемещаю курсор мыши в поле визуального редактора(14), при активной вкладке “Вазуально”(15), вставляю заранее набранный текст записи из редактора NotePad++. Никогда не набираю текст в визуальном редакторе wordpress, так как может пропасть связь с сервером, заглючить ОС либо какая-то программа, отключиться питание компьютера. Из-за этого приходиться работу с начала либо с последней сохранённой копии либо надеется, что будет сохранен черновик. И редакции записей, которые создаться движком, мало чем помогут. Тем более многие блоггеры их создание отключают.

Текст набираю в визуальном редакторе Word, с помощью которого можно также выполнять первичное размещение материалов на блог, избавить текст от орфографических и пунктуационных ошибок. Копирую его в окно редактора NotePad++, затем вставляю в окно визуально редактора Wordprpess (14).

Далее проводиться работа по форматированию текста: разбитие на абзацы, выделение фраз курсивом, жирным, выравнивание относительно левого поля, вставляется тег more. Базовый визуальный редактор wordpress весьма скуден по возможностям(16), все они давно знакомы пользователям того же блокнота или Word.

В левой части панели размещен виджет “Опубликовать”(17), он позволяет:

  • отправить набираемый тексn в черновик достаточно не сохранив запись закрыть вкладку браузера в котором отрыто окно визуального редактора, либо сразу же опубликовать материал(20). Кликнув по ссылке “Изменить”(17) оправить материал на утверждение. Полезно только для тех, кто имеет статус ниже, чем статус администратора.
  • определить видимость записи – будет ли он доступен только админу – личное, защитить паролем – если на ресурсе одобрена регистрация пользователей, имеется возможность выводить анонс записи в начале ленты новостей и она не будет перемещаться по ней в низ, после публикации последующих материалов(21).
  • существует возможность публикации записи сразу же после размещения текста в окне (22), но я всегда назначаю публикацию через час(выполняю планирование статьи) . Чуть ниже размещена кнопка “Планировать/Опубликовать”(19). После нажатия на ней, запись помещается в базу данных CMS WordPress и используется для генерации страницы.

Нужно обязательно привязать запись хоть к одной рубрике (18), иначе после клика по кнопке “Опубликовать” она будет размещена в рубрике, которая определена в настройках по умолчанию, как основная.

Чтобы узнать какая именно рубрика является основной перейдите во вкладку “Настройка публикации”, которая вызывается ссылкой, размещенной в виджете “параметры”.

Как определить мета-теги записи в визуальном редакторе wordpress

Обновлённая версия плагина All In One SEO Pack позволяет не только определить метатеги title (23), description (24), ключевые слова(25), но и подогнать их длину к принятым стандартам. Кроме того, Вы можете определить будет ли конкретная страница закрыта от индексации Яндексом или Google (26).

Чуть выше расположено окно, в котором можно попробовать настроить оформление блока, который будет находиться в поисковой выдаче с этой страницей(27). Задумка в следующем: вы прописываете заголовок(23), после сохранения он отображается в виджете, как бы показывая сколько знаков в прописанном title будет доступно поисковым роботам. Так же настраивается видимая часть сниппета. К сожалению он формируется плагином на основе заполненного поля “Описания записи”. Если поля виджета оставить пустыми, то в качестве заголовка выводиться название статьи 13, сниппет не формируется.

Определить адрес страницы в визуальном редакторе wordpress

Читать еще:  Как сделать скрин на компьютере или ноутбуке (в windows) и как делают скриншоты с телефона (на андроиде, ios и др.)

Как только в визуальном редакторе блога на WordPress разместили заголовок и перешли к размещению текста, выполняется формирование sef-ссылки по правилам, которые вы сами определили(28).

Ярлык, который используется для этого, можете увидеть в вышеописанном виджете(12)

Вы сможете отредактировать адрес страницы, кликнув по кнопке “Изменить”, прописав ярлык латинскими буквами слова, разделив их черточками. В основу ярлыка может взят перевод название записи на английский язык, в моем случае WordPress-Visual-Editor. После сохранения записи(19), можете вместо короткого названия вставить длинное, завлекающее читателей название статьи, sef-ссылка уже не изменится. Если же это проделать до сохранения записи, то ее адрес сформируется на общих правилах.

HTML-редактор WordPress

Как такового HTML редактора нет, представлен некое его убогое подобие, чтобы его вызвать просто кликните на ярлыке “Текст”, он находиться возле вкладки “Вазуально”(15). В это окно можете вставлять код видео, взятого на странице Youtube, шоткод используемого плагина на блоге, как пример приведу NextGEN Gallery.

Как вставить разделитель записи в визуальном редакторе.

Каждый пост состоит из двух частей: анонса и полной версии, разделяет их тег more, вставить в запись можно нажав иконку “Разделитель”(29), либо переведя редактор в режим “Текст” и вставить следующий тег:

  1. — анонс отображается в начале полной версии статьи
  2. то же, что и первый вариант, только анкором ссылки more будет текст “Как беситься правильно”
  3. — анонс не является частью статьи
  4. то же, что и третий вариант, только анкором ссылки more выступает индивидуально заданный текст “Как создать блог”

Как редактировать уже созданную запись на блоге

Кликните по ссылке “Все записи”, которая находиться в виджете “Записи”, откроется панель, где Вы сможете:

кликнув по названию любого материала открыть его для редактирования, этого можно добиться, если перейдете по ссылке “Изменить”

кликнув по ссылке “Свойства” откроется панель в которой можете изменить такие данные: название, ярлык, дату, статус, привязку к рубрике.

Вот и все, что я желал написать о визуальном редакторе wordpress. А вот как вставить изображения в записи напишу в следующий раз.

Приветствую Вас, на блоге seomans.ru

Зарегистрируйтесь, чтобы получать рекомендации по созданию блогов и сайтов от seomans.ru

Приветствую Вас на seomans. ru, уважаемый читатель. Предлагаю подписаться на RSS ленту моего блога, Вы также можете следить за развитием моего проекта, читая мой Twitter

Публикация записи: визуальный редактор WordPress

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

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

После выбора в меню Записи → Создать новую мы попадаем на страницу визуального редактора WordPress, предназначенного для создания записей. Страница состоит из трех частей: слева, как обычно – меню, в средней части – сам визуальный редактор, справа – поле для выбора дополнительных параметров.

«Самый простой и быстрый способ получать от 1000 рублей и более в день»

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

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

В этом окне есть еще кнопки.

Статус — два варианта — Черновик и На утверждении. Вариант На утверждении используется, если над блогом работают несколько пользователей с разными правами. Автор без прав публикации после написания статьи устанавливает статус на утверждении, а редактор или администратор могут ее опубликовать.

Видимость. Можно установить доступ к статье по паролю, можно сделать ее видимой только автору. Полезная функция Прилепить на главную страницу. Если поставить галочку, то статья будет всегда на главной странице, над лентой статей.Таким образом можно разместить какую-то общую, вводную информацию, объявления и т. д.

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

Список всех записей, опубликованных и неопубликованных, доступен через пункт меню Записи. При наведении на строку записи появляется меню с командами Изменить, Свойства, Удалить, Перейти. Чтобы редактировать запись, нужно щелкнуть на слове Изменить или просто на названии записи и мы снова попадем в визуальный редактор. Его можно немного настроить, Например, убрать меню и правую панель. Чтобы свернуть меню, нужно щелкнуть на самой нижней его кнопке. Чтобы убрать правую панель, щелкаем Настройки экрана и ставим Количество столбцов – 1. Панель с рубриками, метками и т. д. уйдет вниз под текстовое поле.

Аналогичным образом можно поступить, нажав кнопку Во весь экран.

В Настройках экрана также можно включать или выключать растягивание текстового поля.

Кнопки визуального редактора.

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

По умолчанию, после установки WordPress Визуальный редактор имеет всего одну строчку меню. Конечно, для нормальной работы этого недостаточно, но это легко исправить. Достаточно щелкнуть на кнопке Показать/Скрыть панель инструментов , появится второй ряд кнопок.

Первые три кнопки – Жирный, Курсив, Перечеркнутый и еще одна кнопка во втором ряду Подчеркнутый – предназначены для изменения шрифта.

Кнопки Маркированный список и Нумерованный список создают списки. Следует обратить внимание на такой момент – многие готовят тексты статей в Wordе, а потом вставляют их в WordPress. Не рекомендуется вставлять форматированный текст, так как визуальный редактор WordPress поддерживает не все возможности Wordа.

Кнопка Цитата оформляет выделенный текст иначе, чем весь текст статьи, с некоторым отступом. Кроме того, поисковики, анализируя уникальность текста, увидят эту цитату.

Очень полезная кнопка Горизонтальная линия. Она вставляет линию-разделитель и позволяет выделять блоки текста.

Четыре кнопки для выравнивания текста – По левому краю, По центру, По правому краю и, во втором ряду, По ширине.

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

Читать еще:  Что такое рерайт (рерайтинг) и с чем его едят?

Кнопка Вставить тэг «Далее» прерывает статью для того, чтобы в ленте записей был не полный текст, а только анонс.

Перейдем ко второй строке кнопок.

Кнопка Абзац открывает выпадающий список для форматирования фрагмента. Здесь можно выбрать стиль заголовка от 1 до 6. Обязательно используйте заголовки в своем тексте. Разбивайте текст на блоки и давайте им названия. Причем заголовки нужно оформлять именно средствами визуального редактора. Тогда не только читателям, но и поисковикам будет легче понять, о чем текст. В статье можно использовать заголовки от 2 до 6, заголовок 1 обычно используется в названии статьи. Он должен быть только один на странице.

Кнопка Цвет текста открывает палитру цветов.

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

Кнопка Очистить форматирование отменяет выделение текста жирным, курсивом, подчеркивание, цвет и выравнивание.

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

Кнопки Уменьшить отступ и Увеличить отступ дают возможность выделить часть текста отступом.

Кнопка Отменить отменяет последнюю выполненную операцию, кнопка Повторить – возвращает ее назад.

И последняя кнопка Горячие клавиши открывает шпаргалку с полезными комбинациями клавиш.

Вот и все кнопки. Конечно, с ними надо поупражняться, поэкспериментировать и все станет ясно.

Еще одна полезная функция редактора WordPress – Новая строка. Если вы нажимаете клавишу Enter, то начинается новый абзац. Абзацы обычно отделяются друг от друга увеличенными интервалами. Но если нажать Shift+Enter, то произойдет переход на новую строку с обычным межстрочным интервалом. Это полезно, например, когда печатаем стихи.

Кроме визуального редактора WordPress имеет и HTML-редактор, который позволяет редактировать непосредственно HTML-код, но с ним мы познакомимся в последующих статьях.

На этом пока все, если есть вопросы, жду их в комментариях.

Не забудьте поделиться статьей в социальных сетях.

WPbloging — профессиональный блоггинг на WordPress

WPbloging — помощь начинающим и профессиональным блоггерам.

Как установить, настроить, раскрутить, заработать на WordPress!

Админ-панель, или как правильно писать в редакторе WordPress

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

Данные рекомендации относятся к WordPress v.2.7х.

Для комфортного написания публикаций нам понадобятся:

Плагины:

  • RusToLat — транслитерация ссылок,
  • ВП Типограф Лайт — обработка кавычек, тире, спецсимволов и т.д.,
  • Google XML Sitemaps — создание XML карты для поисковиков,
  • Simple Tags — для связывания публикаций с помощью меток,
  • WP-Syntax — для корректного отбражения программного кода,
  • wpSEO или подобный — для формирования мета-тегов.

Загрузите и установите эти плагины.

Из чего состоит интерфейс редактирования записей WordPress:

  • Редактор заголовков.
  • Встроенный текстовый редактор на основе TinyMCE.
  • Вспомогательные опции редактора.

Настройки интерфейса

Для начала организуем интерфейс редактора:

  1. Зайдите в панель администратора блога, ЗаписиДобавить новую, перед вами откроется интерфейс редактора WordPress.
  2. В правом верхнем углу нажмите Настройки экрана.
  3. В появившейся панели отключите опции:
    • Click tags — опция мало используется, достаточно Tags (Simple Tags),
    • Suggested tags — позволяет выбрать метки уже имеющиеся или из Yahoo и Tag The Net, если у вас установлен Simple Tags эта опция ненужна,
    • Цитата — это необязательные, написанные вручную, краткие содержания записей. Мной не используется, отключаем
    • Отправить трэкбек — способ уведомления поддерживаемых блог-систем о том, что вы ссылаетесь на них. Если у вас в общих настройках Написание, включены Трекбеки и Пингбеки, эту опцию можно отключить,
    • Произвольные поля — хорошая опция если вы знаете как ею пользоваться, если нет то отключаем,
    • Короткая ссылка — ссылка сформированная на вашу статью. Под созданным заголовком будет подобная опция, так что в этой, нет необходимости.
  4. Включите опции:
    • Tags (Simple Tags) — если вы установили плагин Simple Tags, эта опция включает панель создания меток для ваших публикаций.
    • Рубрики — выводит панель со списком рубрик в которые будет размещена ваша статья.
    • Обсуждение — позволяет отключить/включить комментарии, трекбеки и пинги.
    • wpSEO Настройки — если установили wpSEO или подобный плагин, включите панель данного плагина.

Все вкладки опций сворачиваются/разворачиваются и перетаскиваются курсором мыши. Перетащите оставшиеся вкладки как вам удобней.

С настройками интерфейса закончили, перейдем к процессу создания публикации.

Процесс создания публикации по шагам.

  1. Создаем заголовок публикации, вписывая его в верхнее текстовое поле страницы редактора.
  2. Идем в панель Рубрики и отмечаем те рубрики в которые эта публикация будет размещена.
  3. В панели Опубликовать, нажимаем на ссылку Редактировать , в опции Опубликовать немедленно , внимательно выставляем предположительную дату и время выхода публикации. Тем самым, мы откладываем выход публикации. Зачем? Читайте в следующих статьях: «Еще одна техника написания статей в блог» и Черновики в WordPress это зло!
  4. Нажимаем в этой панели на кнопку Shedule или Запланировать.
  5. Возвращаемся к нашему заголовку и смотрим на сформированную ссылку, под строкой заголовка. Если вы поставили плагин RusToLat, то ссылка будет повторять ваш заголовок английскими буквами и вместо пробелов будет стоять тире. Нажмите на кнопку Редактировать, рядом со ссылкой. Отредактируйте ее так, чтобы там было не более 5 слов и обязательно английскими символами. Нажмите Сохранить, рядом с окном редактирования ссылки.
  6. Идем в панель плагина wpSEO, или аналогичного, прописываем там Описание статьи и Ключевые слова, благодаря этому у вас в исходном коде, на странице статьи в блоге, появятся мета-теги description и keywords, что важно для поисковых роботов .
  7. Переходим к панели Tags (Simple Tags) и в строке вписываем метки — ключевые слова статьи, по которым будут связаны ваши последующие или предыдущие статьи блог,а по данной тематике. Постарайтесь не более 3х меток, для статьи.
  8. Нажимаем Обновить запись.
  9. Пишем текст статьи:
    1. Текстовый редактор имеет два состояния: Визуальный — основной и HTML — редактор исходного кода статьи, где можно отредактировать или добавить html теги к статье.
    2. Если вы составили текст в Microsoft Word, вставлять текст в редактор желательно через кнопку Вставить из Word, которая находится на панели инструментов редактора WordPress.
    3. Если вам нужно вставить программный код и вы установили плагин WP-Syntax, вставлять его лучше всего в самом конце создания публикации, перейдя в режим HTML. Вставьте код в нужное место статьи и заключите его между тегов . Внимание, не возвращайтесь после этого в Визуальный режим редактора, редактор такого не понимает, код будет испорчен.
    4. Для вставки картинок, flash, видео, аудио в текст статьи, установите курсор в нужное место и используйте для вставки кнопки Загрузить / вставить, расположенные над редактором. Пользоваться довольно просто и понятно.
    5. Написав статью нажмите Обновить запись.
  10. После того, как написали статью, нажмите на кнопку Предосмотр.
  11. В новом окне или вкладке браузера, загрузится ваша статья. Это не публикация в блог, это пока предоcмотр статьи в блоге. Хорошенько вычитайте статью на ошибки. Поправьте все это в редакторе.
  12. И в конце, нажимаем Обновить запись.
Читать еще:  Сибарит — это человек стремящийся к удовольствиям или прожигатель жизни

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

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

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

Структура статьи WP , тег h1 и h2 в шаблоне WordPress

Вступление

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

Основные элементы веб-страницы

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

Заголовки статей

Структура статьи WordPress должна начинаться с главного элемента веб – страницы — заголовка. Заголовок статьи отражается в поисковой выдаче и отображается на самом видном месте (вверху) при открытии страницы. Кроме этого заголовок статьи это ссылка на ваш блог, при отражении в поисковой выдачи Интернет. Заголовок статьи должен быть обязательно обрамлен тегом title.

Cтруктура статьи WordPress – Тег H1

Вторым по значимости элементом веб-страницы является название страницы, обрамленное в тег h1 . Это обязательный тег веб-страницы. Причем важно отметить, этот тег в рамках открытой веб-страницы (не всего блога) должен быть единственным. Несколько тегов h1 «нервирует» поисковики и рано или поздно они эту страницу выкинут из поиска.

Все содержание веб-страницы нужно разделить по смыслу на подзаголовки. Подзаголовки должны быть заключены в теги h2, h3, h4, h5, h6, h7, p. Текст статьи должен быть написан (выстроен) по следующей структуре показанной на фото:

Как видите в тексте один элемент h1, а все остальные выстроены в понятную древовидную структуру.

Структура статьи WordPress: как выстроить

Структура статьи WordPress может быть выстроена двумя способами.

  • Первый. Писать статью на языке HTML, что требует не только знаний языка, но и серьезной практики.
  • Второй вариант, более простой. Формировать структуру статей WP в его визуальном редакторе. Покажу как это делается.
  1. Входим в Консоль →Записи → Добавить запись.
  2. В любом визуальном редакторе, который установлен в вашем блоге WordPress, есть кнопка : Абзац.
  3. С помощью этой кнопки формируется структура статьи WordPress, «угодная» поисковым машинам.

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

В чем же может быть ошибка в шаблонах WordPress по отношению к тегам title и h1. Разберем это подробнее.

Теги title и h1 в шаблонах WordPress

Во многих шаблонах wordpress вообще не заложено использование тега h1.

Кстати: Проверить, обрамлены ли ваши заголовки статей тегами h1 можно следующим образом. Откройте любой свой пост в WP блоге. Правой кнопкой мыши кликните по странице и откройте «Код страницы». При открытом коде, нажмите Ctrl + F (это поиск на странице) и поищите h1. В зависимости от того, найдется тег h1, относящейся именно к содержанию поста, или нет, будут зависеть ваши дальнейшие шаги.

И здесь еще одно замечание. Я знаю много блогов WP, которые работают без тегов h1 в шаблонах. При этом имеют прекрасную поисковую выдачу. На это скажу только одно. Поисковики «любят» тег h1. Он является основой всей разметки статьи. И это, несомненно, положительно влияет на ранжирование блога WP. Так что вам решать, использовать h1 в своем блоге WP или нет. Здесь важно одно. С тегами h1 нужно не переусердствовать. На странице должен быть один тег h1.

Как вставить тег h1 в шаблон блога WordPress

Прежде, чем рассказать, как вставить тег h1 в шаблон блога WordPress остановлюсь на файлах тем WP. Файлы шаблона верстаются для каждой темы отдельно.

Редактировать файлы шаблона можно непосредственно на сервере в каталоге WP, соединившись с ним по FTP. Или проще, войти в административную панель, далее Консоль → Внешний вид → Редактор. Справа в открывшемся окне, будут видны все файлы шаблона вашей темы WP.

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

В этой статье нас интересуют два файла для редактирования:

  1. Файл главной страницы. Возможно index.php или loop.php
  2. Файл отдельно открытой статьи: Возможно single.php или loop-single.php.

Необходимо отредактировать код таким образом, чтобы тег h1 был один на открытой веб-странице, и должен обрамлять заголовок открытой статьи.

Исправляем тег h1 в файле отдельного поста

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

Заходим в Консоль → Внешний вид → Редактор → Файл отдельно открытой статьи. Ищем код, который отвечает за вывод заголовка. Кусок шаблона:

И меняем в нем теги h2 на теги h1 :

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

Выглядит ссылка так:

Остается чистый код заголовка обрамленного тегами h1.

Далее нужно убрать другие теги h1 с этой страницы. Для этого открываем шаблон header.php и ищем код, который выводит название всего блога.

  • Ищите: или site-name или site-title.
  • Если тег h1 находится внутри div, то его просто удаляем.
  • Если теги h1>

  1. Для этого открываем в редакторе файл: index.php или loop.php;
  2. Ищем код выводящий название статей на главной странице;
  3. И меняем, тег h1 на тег h2. Не забываем сохраниться.

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

Ссылка на основную публикацию
Adblock
detector