Что такое слаги в WordPress и как с ними работать

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

Что собой представляет слаг?

Слаг WordPress – не что иное, как несколько слов, которые вы выбираете для того, чтобы описать запись, страницу, рубрику или метку в WordPress. Эти слова затем используются как часть URL-адреса (или постоянных ссылок), направляющего посетителей к данному контенту.

Вот простой пример:

2015-07-12 10-07-53 Редактировать запись ‹ Записки преподавателя — WordPress - Mozilla Firefox

Заголовок записи: «Что такое слаги в WordPress: что собой представляют, как с ними работать»

Автоматически сгенерированной слаг (выделен жирным) для этой записи: http://waksoft.susu.ru/chto-takoe-slagi-v-wordpress-chto-soboy-predstavlyayut-kak-s-nimi-rabotat/

Вручную отредактированный слаг для записи (как показано на скриншоте):

http://waksoft.susu.ru/wordpress-slugs/

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

Где используются слаги в WordPress?

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

Записи и страницы

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

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

Рубрики и метки

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

2015-07-12 10-21-38 Рубрики ‹ Записки преподавателя — WordPress - Mozilla Firefox

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

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

Советы по оптимизации WordPress слагов

Как в случае со многими вещами WordPress, есть много способов выполнить эту задачу с разной степенью эффективности. Говоря простыми словами: что-то сделать – это не значит сделать это правильно.

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

Делайте слаги простыми

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

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

Делайте слаги релевантными

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

Ключевые слова

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

Избегайте копий, очищайте корзину

Записи или страницы получают в конце номер «2»? Это происходит по той причине, что у вас имеются записи или страницы с тем же самым слагом в WordPress. Поэтому и присваивается уродливая двойка.

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

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

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

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

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

Что делать, если ваши слаги в WordPress не слишком удачные

WordPress-Slugs-Redirection-Plugin[1]>

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

Все эти плагины являются хорошими решениями. Моя персональная рекомендация – первый плагин. Все они имеют высокие оценки в хранилище плагинов, однако первый имеет массивную пользовательскую базу (более 2 млн) и имеет оценку 4 звезды из 5.

Также он очень простой в использовании.

Вам нужно сделать следующее. Устанавливаете плагин Redirection (или другой), после чего переходите на страницу настроек. На этой странице вы найдете инструмент, как на скриншоте ниже, который позволит вам вставить исходную ссылку (т.е. ссылку на вашем сайте, которую вы хотите перенаправить) и задать целевой URL для редиректа.

WordPress-Slugs-Redirections[1]

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

Плагин Redirection позволяет вам просматривать лог 404-ошибок на вашем сайте. Как только вы узнаете, какие URL приводят к ошибкам, вы сможете быстро сделать 301 редирект и вернуть трафик.

Источник: elegantthemes.com

Требования к html-верстке

1. Верстка, аутсорсинг и технические задания

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

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

Posts Character Count Admin

Объём публикации в блоге штука интересная потому, как слишком короткие статьи не читают и слишком длинные игнорируют. Каждый автор определяет объём публикации экспериментально, учитывая свою аудиторию. В нашем эксперименте по изданию коллективного переводного журнала средствами WP это один из ключевых показателей при оценке активности автором. Но WP не имеет встроенного средства контроля объёма публикации, поэтому приходится пользоваться плагинами. Один из самых удобных Posts Character Count Admin. Скачать его можно здесь.

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

2015-07-02 14-40-49 Редактировать запись ‹ Записки преподавателя — WordPress - Mozilla Firefox

Труд и соперничество

One thing is certain: learning how to program well requires a great amount of exercise and confrontation. Exercise in order to get the agility, confrontation in the sense that the learning student must struggle in order to discover how hard programming is: and after having constructed a one- or two-page program in four hours of hard work, show him an eight-line solution that a more competent programmer wrote down within fifteen minutes. It is cruel, but without that confrontation the student will remain stuck at his current level of competence, unless he can learn, all by himself, from his own experience. But people who can do that are extremely rare: if one of our students can do that, he will soon be our Master!

Programming methodologies, their objectives and their nature (EWD469).
prof.dr.Edsger W. Dijkstra
Burroughs Research Fellow
Plataanstraat 5
NUENEN – 4565
The Netherlands

 

Наверняка можно сказать одно: что бы стать хорошим программистом, необходимо выполнить огромный объём упражнений, а кроме того — соперничество. Упражнения позволят приобрести ловкость, а соперничество необходимо в том смысле, что при обучении студент должен бороться, познавая истинную тяжесть программирования, когда после четырёх часов напряжённейшей работы, выстрадав одну или две страницы кода, он увидит восемь строк решения, которое за пятнадцати минут сделал более грамотный программист. Жестоко, но без соперничества, студент застрянет на своём текущем уровне компетентности, если он не способен постигать всё сам, обретая свой собственный опыт. Люди, которые это могут делать, крайне редки — если один из наших студентов сможет это сделать, то скоро будет настоящим Мастером!

Формальные критерии оценки качества вёрстки

Базовые критерии:

  1. Выполнена HTML-разметка всех страниц и всех элементов на страницах.
  2. Один стилевой файл на все страницы (с учётом normalize.css можно два).
  3. Вёрстка идентично отображается в последних версиях браузеров Chrome, Opera, Firefox, Safari, а также в Internet Explorer 10+.
  4. Сайт должен нормально смотреться на минимальном для данного макета разрешении:
    • При большем размере экрана макет должен оставаться по центру и не иметь горизонтального скролла.
    • На разрешениях экрана меньше ширины контейнера вёрстка не должна менять свою структуру.
  5. В корне документа должны быть папки css, img, js или аналогичные. Главная страница имеет название index.html. В названиях и расширениях файлов нет заглавных букв и пробелов.
  6. Единообразное написание и форматирование кода в HTML, CSS и JavaScript.
  7. Грубые ошибки в разметке отсутствуют. Например:
    • Ссылки сделаны не тегом < a >, а другими тегами.
    • Использование строчных элементов для создания крупных (сеточных) блоков.
    • Абзацы должны быть абзацами, а не < br >< br >
  8. Нельзя строить сетку с помощью таблиц и позиционирования.
  9. Нельзя использовать !important в CSS.
  10. При наполнении контентом как на макете элементы каждой страницы должны соответствовать макету:
    • Допускаются различия в 5 пикселей по высоте и 2 пикселя по ширине.
    • Допускаются отсутствия стилизации кастомных элементов форм.
    • Допускаются различия в отображении шрифтов, связанные со сглаживанием на различных платформах.
    • Должны быть подключены правильные шрифты, а их размеры и толщина должны соответствовать размерам в макетах и ТЗ.
  11. Выбран правильный формат изображений:
    • JPEG для фотографий.
    • Всё остальное в PNG.
  12. Документ должен проходить проверку на валидность validator.w3.org

Читать далее «Формальные критерии оценки качества вёрстки»

6 резонов в пользу адаптивного дизайна — будущего электронного образования и мобильного обучения

Известный блоггер, спикер, консультант и подкастер RJ Jacquez опубликовал статью, мысли которой о мобильном обучении и его революционном влиянии мне созвучны. Приводить полный перевод не буду, потому как в тексте есть неприкрытая реклама компании Adobe, софт которой у меня не пользуется популярностью не потому, что он плох, а потому, что в мои «пальцы не входит». Кто хочет может прочитать оригинал 6 Reasons Why Responsive Design Makes sense as the Future of e-Learning and m-Learning Design, а здесь будет изложение на заданную тему. Тем более, что есть возможность «отфильтровать» и показать только то, с чем согласен, надеюсь, автор не будет возражать.
Читать далее «6 резонов в пользу адаптивного дизайна — будущего электронного образования и мобильного обучения»