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

Как написать статью в WordPress через визуальный и html редактор

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

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

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

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

С чем же придется столкнуться новичку-блоггеру перед тем как опубликовать свой первый пост? Для начала необходимо будет познакомиться с функционалом панели администратора wordpress.

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

Панель «Записи»

Я решил начать от большего к меньшему, постепенно раскрыв вопрос с общих понятий и перейдя к детальному рассмотрению каждого элемента. Таким вот началом будет панель «Записи» в админке WordPress.

1. Все записи — отображает весь список написанных вами статей на блоге.

2. Добавить новую — отправляет вас в редактор записей для создания новой статьи.

3. Рубрики — отображает список всех рубрик на вашем блоге.

4. Метки — содержит список всех меток (тэгов), используемых в статьях. 

WordPress тем хорош, что это простой и функциональный движок для блога среди прочего выбора CMS. Как видите в панели Записи нет ничего лишнего, все интуитивно понятно. А раз все понятно, то жмем «Добавить новую» и перейдем к созиданию своей первой статьи.

Визуальный редактор WordPress

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

Заголовок

Первой строчкой будет отображаться блок ввода названия статьи (заголовка).

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

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

Так как я использую плагин Cyr-to-Lat, то заголовки у меня преобразуются из кириллицы транслитом в латиницу.

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

Как видите, имеется возможность написать свой адрес ссылки. Жмите кнопку «Изменить» и в поле ввода набиваете желаемый текст. Рядом кнопка «Получить короткую ссылку» позволяет получить укороченную ссылку на статью, вроде такой http://tech-geek.ru/?p=1109.

Панель форматирования текста

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

Теперь порежем этот скриншот на части и рассмотрим каждый из них по очереди.

— Тут все ясно. Все тоже самое, что и в Word. Выделение текста жирным, курсивом и перечеркивание. Жирным удобно делать акцент на значимых словах и ключевиках. Курсивом можно пользоваться для выделения цитат, советов, отступления или применение каких-либо терминов. Перечеркивание можно применить в разных случаях. Все зависит от вашей фантазии.

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

 — Ну тут все до безобразия просто. Выравнивание текста слева, справа и по центру. Все как в Ворде.

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

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

1. Вставка адреса ссылки.

2. Ввод заголовка для ссылки (он может отличаться от заголовка на ссылаемый объект, а можно и вообще оставить поле пустым)

3. Поставив галочку вы добавите к ссылке атрибут target=»_blank», который позволяет открывать ссылку в новом окне. Рекомендую его всегда ставить, чтобы пользователь не терял ваш блог после перехода по ссылке, так как возможно он еще захочет породить по вашему сайту.

4. Поле для поиска статьи или страницы с вашего блога.

5. Список всех страниц и статей с вашего блога, который облегчает внутреннюю перелинковку.

6. Вы всегда можете отменить установку ссылки или подтвердить ее добавление.

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

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

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

Чтобы произвести такую замену слов необходимо воткнуть этот тэг More, а затем перейти в редактор html.

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

— Эти функции являются как-бы дополнительными. Тут есть включение проверки орфографии, полноэкранное отображение и включение/выключение дополнительной панели форматирования (второй строчки).

 — У меня вы можете заметить такую кнопку. Она позволяет вставлять код в текст статьи. Подключается она следующим плагином WP-Syntax вместе с плагином WP-Syntax Button. Эта функция помогает для блогов в которых описываются разные коды, например по программированию, о seo или про создание сайтов и блогов. Выглядеть они будут вот так:

<a href=”http://tech-geek.ru/” target=”_blank”>главной</a>

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

 — Еще одни кнопки форматирования: подчеркивание текста, выравнивание по ширине и выбор цвета шрифта.

 — Этими опциями вы можете воспользоваться для вставки текста из других текстовых редакторов со снятием форматирования. Также вы можете удалить форматирование и после вставки.

 — Если вам необходимо вставить спец символ, например амперсант &, то жмите на значок Омеги. Далее два значка для применения табуляции к тексту. Табуляция применяется ко всему абзацу.

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

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

Нажав на этот символ вы переходите в окно вставки. Далее можно воспользоваться технологией drag-and-drop просто перетащив мышкой необходимый файл в специальное поле (оно большое, так что не промахнетесь). Или нажав кнопку, выбрать файл с жесткого диска через проводник.

И далее переходите к настройкам вставки.

1 — Здесь отображается вся информация по добавленному вами изображению.

2 — Тут необходимо прописать название картинки, ее заголовок. Ниже поле «альтернативный текст» является не обязательным, но желательным. Можно особо не заморачиваться и вставлять сюда тот же текст, что и в заголовке.

3 — Можно поставить ссылку в изображение. Тогда картинка станет кликабельной и будет отправлять посетителя по ссылке. Я предпочитаю убирать их, хотя может это и не правильно. Кто может подскажет, влияет ли ссылка в изображении на что-нибудь? 

4 — Выравнивание в тексте слева, справа и по центру.

5 — Можно настроить размер отображаемого изображения.

6 — И последняя кнопка «Вставить в запись» произведет вставку изображения в то место, где у вас был установлен курсор.

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

Кликнув на первое вы попадете в окно описанное выше, кликнув на второе вы удалите картинку.

Вставка видео

Вставить видео на блог также довольно просто. Я расскажу вам о том способе, которым пользуюсь сам. Установив себе малокушающий плагин Video Embedder вы сможете вставлять себе видюхи в блог с более чем 20 источников. Но меня больше интересует YouTube. Для этого находим понравившееся видео на этот видео-хостинге и копируем часть ссылки, которая идет после знака «=».

Далее вставляем этот идентификатор внутри следующих тэгов

[youtube]wuCmoBOfb0Y[/youtube]

И все. Видюха у вас в статье.

HTML Редактор WordPress

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

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

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

Подготовка к статьи публикации

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

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

Также необходимо выбрать метки  для статьи. Вы можете добавить новую метку (1),  ниже (2) будет отображаться список используемых меток(тэгов), а также можно выбрать из списка наиболее часто используемых меток (чем чаще метка была использована, тем больше размер ее шрифта).

Если вы используете плагин Platinum SEO Pack или All in SEO (а я надеюсь, что вы их используете, потому что…ну без них нельзя, а почему нельзя я расскажу в следующей статье), то необходимо заполнить поля Title, Description и keywords.

Ну и последнее, что остается сделать это настроить публикацию самой статьи.

Настройка публикации

Для этого мы воспользуемся блоком «Опубликовать».

Тут есть возможность сохранить черновик, нажав кнопку «Сохранить». Очень полезная и интересная кнопка «Посмотреть» отправит вас на страницу предпросмотра публикуемой статьи.

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

Нажав «Изменить» напротив пункта «опубликовать сразу» вы сможете настроить дату публикации.

1 — Месяц

2 — День

3 — Год

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

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

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

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

Источник: https://tech-geek.ru/write-article-in-wordpress-with-visual-and-html-editor/

Cтатья на WordPress

Когда-то один литературный классик спросил у другого классика: «Как ты пишешь?». На что, тот ответил, что садиться, рядом ставит чернильницу, достает перо и … пишет.

Вывод прост и понятен, особенно, когда сам опубликовал более 1к статей.

Но вот, когда только начинаешь …

• Первые 100 – учебные. На 4 – 5 статей более менее вразумительной выходит всего одна.
• До 200 – все еще чувствовушь неуверенность.
• После 300-той на 3 статьи, без позора — две.

После 500-ой понял:

• Бывают вдохновенные дни,
• А бывает, ни одной светлой мысли в голове,
• Что в кое чем – я ас (пишу «конкретно, без воды, в точку» — так, кто-то меня прокомментировал),
• А в кое-чем: «Ошибка на ошибке. И так в каждой статье!»,
• Кое-чему я еще научусь,
• А вот с кое-чем приодеться мириться и мне, и моим читателям …

Ладно, надеюсь выше строчки – вас вдохновят. Мы же вернемся к Вордпрессу, и тому, как все это дело (ваше письменное творчество) оформить и удобно подать, чтоб не опозориться…

О письменном творчестве в вордпресс

Вообще о постах:

Посты пишутся / выдергиваются / копируются … в трех вариантах:

Авторство. Оригинальные мысли, очень близкие к уникальным. Редко встречается, но бывает … Например, вы изобрели новый рецепт приготовления гусениц и о нем рассказали на страничках своего кулинарного блога.

Копирайт. Вашими мыслями — чужие идеи. Вообще-то, мы так живем. Как бы не «Я»-кали, не вставляли «Свои 5 копеек». При дальнейшем изучении – у любой «только нашей идеи» откуда-то ноги растут. И посещает очередная мысль (тоже сплагиатина), что ничего не ново перед солнцем. Примеров масса – почти весь Интернет.

Рерайт. Рерайт бывает разный. Самый лучший – так «извратили» мысль оригинала, по хорошему, что уже оригинал и читать скучно. Худший вариант – поменяли местами слова, синонимы, антонимы с частицей «не» …

Так вот, если вы желаете посредством интернет, в частности при помочи своего сайта, показаться людям – только авторский или копирайт.

Перепечать – строго осуждается всеми поисковиками. Допускается, но в очень малых количествах. На первое время сочетание клавиш «ctr + c» и «ctr + v» забыть.

Другими словами – учитесь творить!

Техническая часть о том, как писать статьи для Вордпресс

1Пишем в Вворде. Редактируем, грамматика, орфография, но не какого форматирования (только абзацы). 2В более ранних версиях Вордпресс (вроде бы 3.

6) мне нужно было бы сказать только одно: вставляем текст только через кнопку на панели редактирования «Вставить из Ворд».

Теперь же, все сложнее стало. Ибо кнопка «Вставить, как текст» (в новой версии ВП, см. рис.

ниже) убирает все форматирование, в том числе абзацы, что очень неудобно, когда от букв рябит и не видно, где что заканчивается …

А без ее активации, ВП редактор переносит лишние стили. Когда на одну строчку текста приходиться 20 строк этих самых стилей. Приходиться переключать вкладки на штмл, чтоб увидеть лишний код, убирать его …

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

Так отвлекся (но по важному), но давайте по порядку …

После того, как написали статью в Ворде, выделить — вставить в соответственное окошко.

3Пишем название статьи и title. Предварительно, у вас должен быть установлен WordPress SEO. Форматируем текст, по следующим правилам:

(1) — Название статьи, суть статьи — словосочетанием.

(2) — Абзацы состоят из 3 — 6 предложений.

Наличие заголовков Н2, Н3 и т.д. (Заголовок Н1 — название статьи в поле 1). Они раскрывают отдельный вопрос, но в теме всей статьи.

(3) — одно из самых важных полей. Название статьи, которое «цепляет».

(4) — цитата из самой статьи, о чем статья.

Обратите внимание на (5), это то, что увидят пользователи в поиске. Изменяете (3) и (4) меняется на лету и данное поле. 4 Предварительный просмотр.

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

4Редактировать / редактировать / редактировать …

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

Так вот, у меня большой полиграфический стаж. Я работал в типографии, заведовал технической частью выпуска книг. Вы не представляете «насколько грамотны авторы книг» … Вернее, так думает большинство.

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

Часто, чтоб понять, о чем в рукописи идет речь, чтоб исправить некоторые ошибки — созывалась вся типография, ибо редактор после пару часов «непонятно что» чтения уже не в состоянии сам был отличить, где, что править (сменилось несколько редакторов, но проблема оставалась).

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

И все равно, пару ошибок да наберется.

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

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

5 Опубликовать!20.06.2014 Александр

Источник: http://wpmy.ru/kak-pisat-stati/

Заголовок h1 для SEO: примеры, длина, как прописать в WordPress

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

h1 — это главный подзаголовок в статье, который обычно размещен над текстом.

h2-h6 — это маленькие подзаголовки, которые проставляются по принципу вложенности.

Для чего вообще нужны заголовки?

Для тех, кто не сильно в теме — вот в принципе неплохое видео про азы составления подзаголовков h1-h6. Если не считаете себя спецом, посмотрите:

И для закрепления материала чуть послабее видео:

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

В коде тег выглядит так:

, где буква h происходит от слова «header», что в переводе значит «заголовок». Каждый уровень обозначается соответствующей цифрой.

H-теги глазами людей

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

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

И если этими выделениями удалось зацепить внимание, то человек задержится на странице и наверняка прочтет всю статью. Проверить результат можно по поведенческим факторам.

Если люди задерживаются на странице, совершают какие-либо действия – значит работа по SEO была проделана не зря.

H-теги глазами поисковиков

Поисковые роботы собирают с них информацию для семантического анализа. Особое значение для ботов имеют заголовки уровней h1, h2, h3. Их непоследовательное или неправильное применение может негативно сказаться на ранжировании станицы. Если в HTML-коде вообще отсутствуют h-теги, то сайту придется туго в продвижении. Уровни h4, h5, h6 менее значимы.

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

Главным правилом в расстановке заголовков является их иерархия. Необязательно, чтобы теги шли друг за другом по размеру, но недопустимо в тексте использовать, например, h3, если у вас нигде не присутствует мета h2 или применять h6 без h5.

Вот так выглядит иерархия с правильной вложенностью:

Что за тег h1

Тег h1 – это оглавление текста (все равно что название книги или заголовок статьи в газете).

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

Title – это тоже заголовок, но прописывается он не только для людей, но и для роботов. Он отображается не на самой станице, а только во вкладке браузера и в сниппете в качестве активной ссылки на сайт. Фактически title является альтернативным, но главным заголовком для html-документа. Если он отсутствует, то поисковая система берет за основу h1 и использует его в серпе.

Почему h1 должен различаться с Title

Довольно важно понимать, что h1 и Title — это разные заголовки. И их соответственно надо умело комбинировать. Вот азы на эту тему:

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

Требования по длине H1

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

Специальные плагины для WordPress позволяют проанализировать правильное заполнение всех мет прямо в редакторе.

Правила для грамотного написания h1

• Должен быть уникальным для всего сайта и абсолютно читабельным;
• Не повторяет тег title, но и не противоречит ему;
• Не стоит делать его слишком длинным (более объемным можно делать title);
• Используется только 1 раз на каждую страницу;
• Релевантен тексту и отображает смысловую суть материала;
• Интересен, привлекателен для пользователя;
• Нельзя ставить в конце точку и рекомендуется по минимуму использовать знаки препинания.

Применение ключей

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

Психологические приемы для составления привлекательного заголовка

Заголовок должен быть «цепляющим». Вот видео от Максима Ильяхова, спеца в области СМИ, ректора Школы редакторов и создателя сервиса «Главред»:

Вот еще пара «приемов», которые применяются при составлении заголовков.

Решение проблемы

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

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

Заинтриговать

Прием «экзамен»

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

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

Зачем нужны подзаголовки h2-h6

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

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

h2 – акцентирует внимание пользователей и поисковых систем на основном содержании статьи. Показывает самое значимое в тексте.

h3 – является подпунктом для информации, идущей под H2, раскрывая ее еще глубже.

h4, h5, h6 – определяются, как вложенные подзаголовки (раскрывают детально суть H2 или H3) и используются в тексте, в качестве выделяющих мелкие пункты и значимые слова, а также в меню, сайдбаре и других составляющих веб-документа.

Длина всех h-тегов должна быть в пределах 50 символов.

Как правильно прописывать подзаголовки h2-h6

• Нельзя, чтобы наименьший подзаголовок присутствовал без большего. То есть, если в тексте стоит метатег h4, то ему обязательно должны предшествовать h2 и h3.
• Чем выше заголовок по уровню, тем крупнее должен быть и шрифт. В WordPress обычно по умолчанию настройки выставлены таким образом, что теги автоматически форматируются в правильном виде.
• Все h-теги обязаны соответствовать содержанию контента, отображать суть информации.
• Недопустимо использовать h1-h6 в качестве анкоров или активных ссылок.
• Нельзя писать другие теги внутри тега h.
• В h-тегах допускается только текст и знаки препинания.
• В подзаголовках не должно быть переспама ключевых слов. Ключевики лучше всего задействовать в title, h1, h2, а в более мелких, таких как h3,  h5, h6 делать упор на детальное раскрытие темы.

Если в разметке страницы прописан title и основной заголовок H1, но сам текст статьи не слишком большой и не содержит в себе подзаголовков, это не является ошибкой. В ТОПе находится немало страниц, где контент идет практически сплошной полосой, разве что разделенной на абзацы.

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

Как заполнять h-теги в WordPress

h1 заполняется обычно в поле над текстом в записи:

Чтобы сделать подзаголовки h2-h6, надо выделить необходимый элемент и, наведя курсор на вкладку «заголовки», выбрать нужный, кликнув по нему. Проделать то же самое для каждого из подзаголовков, включая их в нужный формат.

Есть еще более простой способ – можно набрать текст в Ворде, используя нужные разметки и просто копипастом перенести статью в редактор вордпресса. Выделенные в Word заголовки автоматически отобразятся в нужных размерах. При необходимости можно подправить их, используя инструменты редактора CMS WordPress.

Источник: http://znet.ru/raskrutka/seo-tag-h1-kak-propisat-klyuchi-primer-ispolzovaniya/

Seo статьи на wordpress. Правильная оптимизация статей | Блог Фокеева Тимофея | Все о заработке в сети, seo, раскрутке блога

Здравствуйте. Сегодня я расскажу, про seo статьи, как правильно писать статьи на вордпресс. Расскажу все правила при написании seo статьи, и почему нельзя писать переоптимизированные посты.

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

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

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

Какой должен быть вид ссылки? А вот посмотрите все сюда. Очень хорошо, если у вас:

1. В ссылке есть рубрика
2. В ссылке есть ключевое слово, а так же заголовок поста
3. Слова должны быть на английском
4. Слова должны быть разделены слешем, а так же тире.
5. Ну и пятое, должен быть ваш домен. Это обязательно.

Вот получились такие пунктики, по которым я сейчас все объясню. Смотрите, как должна выглядеть ссылка

Давайте проведем анализ. Домен есть , рубрика есть, заголовок статьи и в нем же ключевое слово. Сами подумайте, что поисковикам больше понравится, хорошая понятная ссылка, или же набор таких символов: домен.ru/post3….

А откуда мы берем рубрику? Когда вы пишите пост на блог, справа есть такое меню.

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

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

Схема оптимизированной статьи:

1. Ключевое слово выделено курсивом
2. Кс выделено жирным
3. Кс выделено подчеркиванием
4. Ключевое слово должно быть заключено в теги H1, H2, H3.
5. Кс должно быть в начале статьи
6. Кс должно быть в конце статьи
7. В изображении с тегом Alt должно быть ключевое слово.

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

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

А раньше, можно было поднять Тиц100 только прогоном по каталогам. А сейчас, попробуйте 10-очку сделать! А хотите узнать, как выводили статьи в топ?

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

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

В данный момент я пишу статьи по одной схеме, которая мне очень нравится и мои статьи двигаются в поисковой выдаче. Хотите ее услышать? Ну хорошо, уговорили. Смотрите план.

• Ключевое слово находится в заголовке поста
• Ключевое слово находится в title
• Ключевое слово расположено в description и keywords.
• Ключевое слово расположено в начале статьи
• Ключевое слово помещено в тег H2
• Ключевое слово находится в конце статьи
• Ключевое слово находится в теге Alt в картинке
• Ключевые слова я выделяю жирным, иногда курсивом

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

Для этого есть разные сервисы, такие как Яндекс и Гугл. Вбиваете нужно ключевое слово и смотрите, подходит оно вам или нет.  Можете посмотреть эту статью, там я показал, как подбирать слова. С ключевым словом мы разобрались, а теперь мы должны задуматься, будет ли эта статья полезна посетителю, когда он ее откроет.

https://www.youtube.com/watch?v=y7Aaoy_82A4

Найдет ли он информацию? Главное не стоит забывать, что мы пишем для людей, а не для роботов. А если это совместить, то будет класс.

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

1) И мы переходим к seo статьи. Самое первое, что мы должны сделать это заголовок поста. Порой от заголовка может зависить судьба блога. Или на него кликнут, или пренебрегут.

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

• Как заработать в сети
• Как заработать в сети 1000$ через месяц.

Лично я, кликнул бы по второму заголовку. Это же интересно, автор с первых строк привлекает к себе и это вы должны учитывать. У человека идут мысли в голове: «Опа, а что тут. Надо посмотреть».

2)Так, заголовок мы составили, теперь переходим к плагину All in One SEO Pack. Этот плагин позволяет оптимизировать статью и без него можно блог вообще не продвигать. Установив плагин, после статьи вы увидите такие строчки: title, deskription и keywords. Куда мы и будем вбивать наши ключевые слова, только будем писать  их правильно, в нужном месте. Посмотрите на скриншот.

Видите я нарисовал место расположение нашего поискового запроса. Теперь все поясняю. В title должно содержаться ключевое слово и кричащий заголовок. В поле описания статьи, КС должно располагаться в начале предложения и в конце. В поле keywords разумеется вставляем продвигаемое ключевое слово.

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

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

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

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

Этот вопрос всегда будет разным. Если у вас статья на 12000 символов, то КС употребить не менее 6 раз, это точно. На счет размера поста. Сейчас, нужно писать объемные посты, в которых полностью изложен вопрос.

Помните в начале статьи я вам рассказал, про то, будет ли ваша статья полезна читателю? Например, Борисов, Шакин, а так же Дмитрий(ktonanovenkogo) пишут объемные посты, развернутые. В этом то и успех.

А если посты развернутые, большие то посетитель проводит на нем много времени, а это поведенческие факторы. Здесь все взаимосвязано.

Значит пишем мы статью, ставим ключевые слова(слишком много — это плохо), а так же синоними. Ключевые слова выделяем жирным. В статье должны быть употреблены похожие по смыслу слова.

Поисковики и на это смотрят. Например, пишу я статью и затачиваю ее под запрос «индексация сайта». В статье я обязан написать «индексацией сайта», «индексацию сайта» . Поняли, синоними приветствуются.

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

Например, не загружать картинку с названием «dlfkmglg0.gif», а загрузить такую seo.gif или prodvizhenie.png. А так же оптимизировать и саму картинку по теме поста.

Загружаем мы картинку и перед нами открывается вот такое окно.

И в теге alt)текст) обязательно нужно указать ключевое слово, по которому продвигаем статью. Ведь на наш сайт могут попасть и через поиск картинок(гугл или яндекс), по-этому оптимизация картинок тоже должна присутствовать.

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

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

5)Пишите статью и заключаете ключевое слово в тег H2. В этой статье КС в теге H2 присутствует.

6)КС вставляете в начало абзаца или с новой строки. То есть КС является самыми первыми словами в строке.

7)И в последнем абзаце, делаете все как в Description и первом абзаце. То есть Кс в начале первого предложения и в конце второго предложения.

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

P.S. Хотите узнать все про правильную перелинковку, услышать супер интервью, и узнать все о внутренней оптимизации, то подписывайтесь на обновление блога и вы все узнаете.

Успехов вам и продвижения

С уважением, Фокеев Тимофей

Источник: http://today-life.ru/prodvizhenie-i-raskrytka-bloga/seo-stati-kak-pisat-stati-na-wordpress.html

SEO: как правильно делать заголовки

14.12.2017 09:14

При слове «заголовок» вы могли подумать о теге – но нет, в этой статье речь пойдет о тегах

…

.

Разница между этими тегами заключается в уровнях:

– это заголовок первого уровня,

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

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

считается наиболее важным из всех этих тегов и вторым по значимости для SEO-продвижения (первый по значимости – тег , который определяет заголовок документа).

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

Важное дополнение: теги

…

не используются для выделения текста; если вам нужно выделить фразу жирным, используйте тег , а не

(если стиль этого заголовка просто выделение жирным).

Как использовать заголовки?

Правило номер раз – на странице должен быть только один тег

.

Правило номер два – заголовок с тегом

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

…

должны быть меньше (размер меняется в зависимости от уровня, чем ниже уровень, то меньше размер заголовка):

(если вы сейчас прочитали эти строки и поняли, что у вас на сайте сделано не так, то это уже повод внести некоторые корректировки в оформление сайта)

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

, а затем сразу

или

– после первого уровня идет второй уровень, а значит, после

должен идти тег

– и никак иначе. Тут дело не только в абстрактном «правильно», но в самом оформлении материала, который для адекватного восприятия должен поддаваться какой-то логике.

Правило номер четыре – теги заголовков парные:

Название статьи

Вступление.

Заголовок статьи 1

Часть статьи 1.

Подзаголовок статьи 1

Пункт 1 части 1.

Подзаголовок статьи 2

Пункт 2 части 1.

Советы для названия заголовков

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

или какой-то из уровней ниже.

Заголовки должны:

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

Другие советы, которые можно дать при составлении заголовков:

• не стоит злоупотреблять заголовками и делать на странице множество
  

  …

  – поисковые боты могут расценить это как переоптимизацию сайта либо спам;

• в заголовках должны быть прямые вхождения ключевых слов, так как это повысит релевантность страницы в отношении этого запроса; однако слишком большая плотность ключевых слов не пойдет в плюс – поисковые боты будут игнорировать подробные заголовки из-за переоптимизации;
• заголовки должны быть уникальными (повторяющиеся заголовки поисковые системы могут не учитывать);
• заголовок должен быть близок к началу документа (то есть к началу HTML-кода): чем выше заголовок, тем более высокое значение он имеет (по сравнению с другими элементами страницы);
• желательная длина заголовка – не более 60 символов; это связано с поисковыми системами, которые воспринимают определенное количество символов (и длинный заголовок могут обработать не полностью).

Отдельно можно сказать о дизайне заголовков – будет здорово, если все заголовки на странице будут отличаться от другого текста (даже если речь идет не о

, а о

или

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

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

Как использовать тег

Тег

имеет свои отличия от других тегов, поэтому про него нужно поговорить отдельно. Тут можно дать следующие советы:

• на странице должен быть только один тег
  

  ;

• тег
  

  должен быть на каждой странице;

• тег
  

  должен отличаться от , но не кардинально;

• тег
  

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

• тег
  

  должен побуждать к чтению статьи, поэтому при его придумывании рекомендуется воспользоваться советами относительно «цепких» заголовков;

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

Как  выглядит структура заголовков

Чтобы понять, какую структуру должна иметь страница, ориентируйтесь вот на этот план:

Частые ошибки

За правильной разметкой нужно особенно следить при использовании бесплатных CMS и отдельных шаблонов – в некоторых случаях

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

выделяет заголовки блоков). Это встречается в WordPress, поэтому если вы видите, что виджеты в сайдбаре имеют теги заголовка, измените их на другие (например, на ).

Также иногда заголовки включают какие-то посторонние элементы вроде изображения или ссылки, и это негативно отражается на SEO.

Другая типичная ошибка – наличие на странице нескольких тегов

. Этот тег должен быть один и только один.

Зачастую теги

…

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

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

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

Бывают, кстати, ошибки наоборот – когда вместо того, чтобы поставить тег заголовка, ставят теги

и с каким-нибудь стилем.

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

Заключение

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

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

Источник: https://timeweb.com/ru/community/articles/seo-kak-pravilno-delat-zagolovki

Что умеет редактор текста WordPress

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

Редактор текста WordPress делится на две части – «Визуально» и «Текст», переключение между которыми происходит во вкладках. Также в редакторе есть кнопка «Добавить медиафайл» для работы с изображениями. Подробнее о картинках в WordPress я рассказываю здесь.

Редактор текста WordPress «Визуально»

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

Визуальный редактор WorDpres. Включение дополнительной панели.

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

• «Жирный», «Курсив», «Подчёркнутый», «Перечёркнутый». Форматирует текст соответственно своей функциональности. Для форматирования необходимо выделить нужный участок и нажать на необходимую кнопку.
• «Маркированный список», «Нумерованный список». Список маркерами или цифрами. Для применения нужно выделить несколько строк и нажать на необходимую кнопку. То, какие маркеры будут в маркированном списке, зависит от установленного шаблона.
• «Цитата». Выделяет текст. То, как будет выглядеть цитата на страницах вашего сайта, зависит от того, какие стили прописаны к ней в установленном шаблоне.
• «Горизонтальная линия». Просто разделительная линия.
• «По левому краю», «По центру», «По правому краю», «По ширине». Ориентирует текст соответственно выбранной опции.
• «Вставить/изменить ссылку». Позволяет вставить ссылку в нужное слово (слова). При нажатии на эту кнопку открывается окно, в котором необходимо вписать URL ссылки и выбрать, будет она открываться в новом окне или же в этом. «Текст ссылки» заполняется тем текстом, который был выделен пред нажатием на данную кнопку. Если нажать на «Или сделайте ссылку на существующий материал», то появится удобная форма поиска по материалам сайта. Таким образом, можно легко вставить внутреннюю ссылку.

  Редактирование ссылок в редакторе WordPress

• «Удалить ссылку». Убирает ссылку.
• «Вставить тег «Далее». Устанавливает тег в том месте, где располагается курсор. Этот тег прерывает вывод записей ссылкой на продолжение её чтения. То, какой текст будет в этой ссылке – «Читать далее», «Read more» или что-то ещё, зависит от установленного шаблона.
• Список «Абзац», «Заголовок 1», «Заголовок 2» и т.д. В этом списке можно создавать подзаголовок в тексте или сделать его обычным. Имеется шесть видов заголовков с тегами от — самый старший, до — младший. Младшие заголовки могут входить в состав старших, таким образом, создавая иерархию разделов в записи. Разметка подзаголовков в статье важна для продвижения.
• «Цвет текста». Палитра цветов.
• «Вставить как текст». Если вы хотите вставить текст из Word или другого редактора, в котором есть форматирование, то при нажатии на эту кнопку, текст вставится без форматирования. Если выключить эту кнопку, то редактор текста WordPress попытается сохранить форматирование оригинала.
• «Очистить форматирование». Если вы вставили отформатированный текст, то эта кнопка может полностью убрать его оформление.
• «Произвольный символ». Таблица спецсимволов, которых нет на клавиатуре.
• «Уменьшить отступ, «Увеличить отступ». Уменьшает или увеличивает горизонтальный отступ текста.
• «Отменить», «Повторить». Возвращает сделанные изменения в тексте или наоборот.
• «Горячие клавиши». Показывает таблицу горячих клавиш. Будет работать, только если функция включена в настройках профиля WordPress.
• «Полноэкранный режим». Переключает редактор текста WordPress в полноэкранный режим для удобства работы.

Редактор текста WordPress «Текст»

Приведу описания всех имеющихся кнопок в панели управления текстового редактора WordPress «Текст». Названия – это текст, написанный на той или иной кнопке. Первый клик по некоторым кнопка открывает тег, второй – закрывает. Например, первый клик по кнопке «Жирный» поставит тег , а второй — .

Текстовый редактор WordPress

• «b», «i», «del». Делает текст жирным, наклонным или перечёркнутым, соответственно.
• «link». Работает с ссылками, открывает окно так же, как аналогичная функция в визуальном редакторе текста WordPress.
• «Ins». Данный тег позволяет выделить текст, которым текущий документ был обновлён. Например, если вы опубликовали статью, а вписали в неё что-то новое, то с помощью этого тега вы можете сообщить читателем, что это обновление.
• «b-quote». Выделение цитаты.
• «Img». При клике открывает окно для работы с изображением. Сначала необходимо ввести ссылку на картинку, затем привести описание для неё.
• «ul» и «ol». Маркированный и нумерованный списки, соответственно.
• «code». Если вы приводите в редакторе текста WordPress какой-либо код, который может выполниться, но вам нужно его просто показать, а выполнять не надо, то его необходимо окружить тегами .
• «more». Устанавливает тег для прерывания вывода записи.
• «Закрыть теги». Все теги, которые вы открыли, закроются при нажатии на эту кнопку.

Источник: https://wp-system.ru/sozdanie-sayta/o-wordpress/redaktor-teksta-wordpress/