Привет, уважаемые друзья.
Совсем забыв о базовых настройках блога на WordPress, я начал публиковать более продвинутые настройки. А нужно было начинать именно с настроек, которые необходимо проделать сразу после установки движка на хостинг.
И в данной статье я по полочкам разложу базовые настройки WordPress, которые нужно проделать, чтобы они не мешали в будущем и не мозолили глаза.
Все эти настройки не являются каким-то правилом для вас. Я лишь покажу свой вариант настроек. Но имеются некоторые моменты, которые обязательно должны быть и у вас. Поэтому, рекомендую тщательно ознакомиться со всеми настройками, чтобы в будущем вам было легче управляться с сайтом.
Решил сначала дать вам видео-урок. Смотрите его ниже. Если же хотите почитать, то под видео также имеется подробнейший текстовый материал. Но, для более полного усвоение сути, без видео никуда.
Теперь для любителей почитать.
Начнем мы с настроек нашего профиля. При регистрации любого сайта, всегда для более лучшей работы с ресурсом рекомендуется настроить профиль. Также и тут.
Настройки профиля
Сначала даю скриншот настроек, а затем опишу необходимые функции.
- Отключить визуальный редактор - в меню редактора страниц и записей имеется визуальный редактор, который включен по-умолчанию и при заполнении показывает все содержимое так, как оно есть. Мы можем его отключить и тогда будет отображаться только текстовый редактор, который позволит обращаться именно с исходным кодом добавляемого материала;
Это может потребоваться, когда имеются некоторые моменты форматирования, работающие только в текстовом (HTML) редакторе и при переходе в визуальный они все исчезают или сбиваются. я использую такое форматирование, поэтому бывает, что при переходе в визуальный редактор, приходится заново производить форматирование.
Если у вас случается подобная ситуация, то рекомендую проводить такие моменты форматирования на самом конечном этапе.
- Цветовая схема - для каждого эта настройка индивидуальна. В соответствии со своими вкусами вы можете выбрать цветовую схему для оформления админ-панели WordPress;
- Горячие клавиши - можно управлять комментариями с помощью комбинаций клавиш. Более подробно все написано по ссылке "Дополнительная информация", предоставленной возле описания настройки. Там можно узнать и комбинации клавиш для форматирования, например для выделение фразы подчеркиванием (ctrl+u);
- Верхняя панель - будет ли отображаться верхний админ-бар при просмотре любой страницы блога;
- Настройки именных отображений (имя) - в данном пункте мы настраиваем, как будет отображаться наша персона при публикации статей;
Выбирается данное отображение в пункте "Отображать как", варианты которого формируются из данных, веденных в данных настройках (имя, фамилия, ник). После ввода этих данных в выпадающем списке пункта "Отображать как", будут доступны вариации для отображения автора публикации.
Выбираете понравившийся вариант.
- Настройки контактов (контакты) - в этих настройках я заполняю только рабочий реальный e-mail адрес и ссылку на профиль в социальной сети Google+.
Последним пунктом в настройках профиля вы можете изменить пароль для доступа в админ-панель блога. Если у вас простой пароль, то срочно его меняем. Ставим очень сложный и длинный пароль, состоящий из случайного набора символов верхнего и нижнего регистра и цифр (например, tfh89EW4Kuyl43ferFGrs6uih).
Общие настройки
Настройки в данном пункте по большей мере также касаются отображения.
- Название сайта - вводим название, которое будет отображаться на странице сайта в месте, где это предусмотрено вашим шаблоном. Кстати, обязательно прочтите материал про правильный выбор шаблона для WordPress сайта по ;
- Краткое описание - тоже самое, что и название, только описание;
- Адрес WordPress и адрес сайта - настройки менять не нужно. Они автоматически ставятся нужными при установке WordPress на хостинг;
- Адрес e-mail - вводим реальный e-mail. На него будут приходить различного рода уведомления, если вы их настроите на блоге. Например, это могут быть плагины различного рода оповещения;
- Членство - вы можете включить на сайте функцию регистрации, тогда в данном пункте необходимо выбрать, кем станет новый пользователь. Если у вас обычный блог, то функция регистрации совершенно не нужна;
- Часовой пояс - выбираете свой часовой пояс. Хотя, я ничего не выбирал. Он должен подставиться автоматически, исходя из региональных настроек в операционной системе;
- Формат даты и формат времени - ставите удобный вариант отображения даты возле опубликованного материала. Как на меня, то стандартный вариант наиболее привычный;
У меня от данной настройки ничего не меняется в отображении. Видимо шаблон подставляет свой вариант. А у вас что-то происходит при смене разных вариантов?
- Первый день недели - естественно понедельник;
- Язык сайта - я конечно же выбрать русский.
Настройки публикаций (написание)
- Функцию преобразования смайлов я отключил, так как у меня данная стандартная функция не работает. Да и не нужно это;
- WordPress должен исправлять некорректный XHTML-код автоматически - настройку оставил включенной, но ее работоспособность прокомментировать не могу, так как не видел результат ее работы;
- Основная рубрика - в данном пункте нужно выбрать рубрику, в которую будут попадать публикации, при добавлении которых вы не выберите рубрику. Например, если забыли поставить чек-бокс напротив нужной рубрики, то она будет попадать в "основную рубрику";
- Основной формат записи - с данной настройкой никогда не экспериментировал, так как не было надобности. Для обычного сайта оставляем стандартный вариант.
Настройки чтения
Данные настройки производятся больше для читателей, так как от них зависит, как читатели будут видеть содержимое блога.
- На главной странице отображать - выбираем вариант, который более походит для вашего ресурса;
Если это простой блог, то конечно же выбираем вариант "Ваши последние записи", если же вы хотите создать какой-то сайт, на главной странице которого всегда должна быть информация, например, о фирме, то выбираете вариант "Статическую страницу". Затем выбираете саму страницу для отображения на главной.
- На страницах отображать не более - если выбран вариант отображения последних записей на главной странице, то будет выводиться определенное количество анонсов. Их список целесообразно разбивать на страницы. Количество анонсов на одной станице выбирает каждый индивидуально. Мне подошел стандартный вариант в 10 анонсов;
Кстати, разбивка анонсов на страницы должна осуществляться с помощью . Поэтому, если ее нет у вас на блоге, обязательно сделайте.
- В RSS-лентах отображать последние - также оставил стандартное значение;
- Для каждой статьи в ленте отображать - выбираем "анонс", чтобы отображалась только начальная часть материала;
- Видимость для поисковых систем - чек-бокс не ставим, хотя он сильно и не решает. Поисковые системы его во внимание могут и не взять.
Настройки обсуждения (комментариев)
Это самый объемный раздел стандартных параметров.
- Настройки для статьи по умолчанию - первые 2 настройки я отключил, так как они создают лишнюю нагрузку на блог, а смысла от них нет. Они пытаются оповещать другие блоги о том, что мы их упомянули в своих статьях, а также пытаются принимать аналогичные уведомления;
- Другие настройки комментариев - обязательно должна быть активна функция древовидных комментариев. По умолчанию она стоит, но вы проверьте ее активность;
- Отправить мне письмо, когда - эти настройки я отключил полностью, так как при активном комментировании сайта, почта будет просто завалена письмами о добавлении новых комментариев и об ожидании их модерации. На начальном этапе, когда сайт совсем новый, можете оставить данные параметры активными. Я же выключил их сразу;
- Модерация комментариев и черный список - эти 2 поля служат для добавления комментариев по заданным параметрам в модерацию или черный список соответственно. Например, можем добавить имя автора, который постоянно спамит, в поле черного списка и его комментарии проходить никогда не будут;
- Аватары - эти настройки по умолчанию выставлены нормально. Можете только поменять вариант отображения аватара по своему усмотрению. Имхо, стандартный вариант наиболее приятный для восприятия.
Настройки медиафайлов
Когда мы добавляем медиафайлы (изображения) в наши статьи, то имеется вариант выбрать заданные значения, для уменьшения их под определенные размеры. Это очень удобно, когда вы предпочитаете добавлять изображение одного размера для эстетического оформления материалов.
Вот пример выбора размера, исходя из параметров, находящихся в данном пункте. Данные размеры доступны в редакторе изображения, когда вы добавляете их в свои статьи.
Если вы хотите изменить данные размеры на свои, то пункт "Настройки медиафайлов" вам и нужен.
Тут вы и задаете необходимые для вас параметры.
Ничего сложного нет. Просто меняете стандартные размеры на свои.
Чек-бокс "Помещать загруженные мной файлы в папки по месяцу и году" должен быть активен. Так будет происходить сортировка изображений на хостинге по году и месяцу. Вот, как это выглядит на самом хостинге.
Такой вариант сортировки очень удобный. Зная дату публикации статьи, мы можем легко зайти на хостинг и выкачать все изображения одним махом.
Настройка постоянных ссылок
Данный пункт тут описывать не буду, так как этому уделил очень подробный материал. Объяснил, как важность данной настройки, так и показал, как настроить правильный вид ссылок для статьи. .
Также не забываем, что действительно качественная настройка сайта на WordPress возможно только при установке нужных плагинов и их правильной настройке. Поэтому, даю список материалов, которые вы просто обязаны изучить и внедрить из них все фишки.
- "Прошу вас в комментарии"
.
Кстати, напишите в комментариях, пожалуйста, вам удобно воспринимать такой формат подачи материала, когда я сначала даю видео-урок, а потом уже текстовый вариант? Или же лучше сначала текст, а в конце видео. Буду очень благодарен.
На этом все. Пока.
С уважением, Константин Хмелев.
Из этой статьи вы узнаете, как создать сайт на WordPress. С помощью пошагового руководства сделаете качественный и функциональный ресурс, пригодный для привлечения и конвертации трафика.
Почему WordPress – что это такое и 5 причин его использовать для сайта или блога
WordPress - это самая популярная система управления контентом (CMS). По данным Web Technology Surveys , на этом движке по состоянию на ноябрь 2018 года работает 32,3 % от общего числа существующих сайтов, а также 59,5 % сайтов, использующих CMS. В 2015 году WordPress использовали только 24 % ресурсов на CMS. Ниже перечислены основные причины популярности WordPress.
Бесплатный «движок» CMS WordPress распространяется по открытому лицензионному соглашению (GNU GPL). Вы можете свободно использовать этот продукт в любых целях, включая коммерческие. Практически неограниченные возможности С помощью WordPress можно создать интернет-магазин, личный блог, корпоративный сайт, информационный портал, отраслевой ресурс, галерею мультимедиа. Гибкая настройка внешнего вида и функциональности Владельцам сайтов на WordPress доступны платные и бесплатные шаблоны, с помощью которых можно кастомизировать внешний вид. А с помощью плагинов можно решать технические задачи, обеспечивать необходимую функциональность сайта. Простота администрирования Чтобы работать с WordPress, не нужны специальные знания. Принципы работы с движком понятны на интуитивном уровне. Возможность создать сайт и опубликовать первый контент в течение 5 минут Конечно, придется потратить гораздо больше времени, чтобы превратить шаблонный продукт во что-то новое и интересное. Но на первую публикацию потратите не больше 5 минут.
Ну что, решили сделать сайт на WordPress? Тогда переходите к пошаговому руководству.
Шаг № 1: как выбрать хостинг и зарегистрировать домен
Если у вас некоммерческий проект, выбирайте бесплатный хостинг. Например, делиться с миром фотографиями котиков или вести дневник молодого бодибилдера можно на платформе WordPress. Адрес сайта будет выглядеть так: primer.wordpress.com. Если реализуете коммерческий проект, например, создаете тематический блог, корпоративный сайт или планируете зарабатывать с помощью ресурса любым способом, выбирайте платный хостинг.
Чтобы выбрать надежного хостинг-провайдера, . Если на это нет времени, воспользуйтесь услугами одной из перечисленных ниже компаний:
Выбор доменной зоны не влияет на технические характеристики ресурса или позиции в поисковой выдаче. Однако теоретически этот параметр может влиять на доверие аудитории. При прочих равных пользователи охотнее верят сайтам с адресом vasya-pupkin.ru или vasya-pupkin.com, чем ресурсам типа vasya-pupkin.wordpress.com или vasya-pupkin.blogspot.com. Поэтому для коммерческих проектов старайтесь выбирать домены верхнего уровня, например, .com, .info, .org, .net, .ru, .ua, .by и т.п. Обратите внимание на появившиеся недавно домены первого уровня, например, .club, .guru, .ninja, .expert и другие.
Шаг № 2: как установить WordPress своими руками
После покупки хостинга и регистрации доменного имени установите WordPress. Обратите внимание, некоторые хостинг-провайдеры предлагают тарифные планы с предустановленной CMS. Если вы выбрали один из них, сразу переходите к третьему шагу руководства. Если вы приобрели хостинг без установленного движка, следуйте инструкциям:
Перейдите на сайт WordPress и скачайте дистрибутив.
Распакуйте архив.
Как русифицировать тему WordPress
Русифицировать тему удобно с помощью бесплатной программы Poedit . Скачайте и установите ее на компьютер. Затем скачайте на компьютер языковые файлы выбранного шаблона. Для этого потребуется доступ к FTP. Его можно получить с помощью FTP-клиента, например, FileZilla, а также с помощью плагинов, например, File Manager . Если вы установили данный плагин, действуйте по описанному ниже алгоритму.
В консоли выберите меню FileManager – Configuration. Настройте конфигурации, как указано на иллюстрации.
В меню FileManager – FileManager выберите папку wp-content – themes.
Выберите папку темы, которую хотите русифицировать. В ней откройте папку languages.
Скачайте на компьютер файлы en.mo и en.po. Если таких файлов нет, скачайте на компьютер файл с расширением.pot.
Откройте программу Poedit и выберите опцию «Создать новый перевод».
Откройте файл перевода и укажите код языка.
Приступайте к переводу. В поле «Исходный текст» программа отображает текст на английском языке. В поле «Перевод» нужно добавить текст на русском.
Сохраните перевод. Программа загрузит на жесткий диск вашего ПК два файла: ru_Ru.mo и ru_RU.po. С помощью функции Upload files загрузите файлы в папку languges вашего шаблона.
Вы русифицировали шаблон.
Вместо программы для ПК Poedit можно использовать плагин Loco Translate . После установки и активации надстройки интерфейс для перевода шаблонов появляется прямо в админке сайта.
Шаг № 5: решаем практические задачи с помощью плагинов для WordPress
Плагины – одна из болезней начинающих владельцев сайтов на WordPress. Едва зарегистрировав ресурс, новоиспеченные вебмастера ищут в «Яндексе» статьи типа «100 лучших плагинов для WordPress» . Они устанавливают десятки расширений. Это негативно влияет на развитие ресурса. Дело не в замедлении работы сайта, хотя избыточное число плагинов может вызывать такую проблему.
Вопрос в концентрации внимания и усилий владельца сайта. Вместо создания и публикации качественного контента он часами ищет плагины, устанавливает их и настраивает. Такой вебмастер не видит леса за деревьями: он забывает, что плагины нужны для решения конкретных практических задач.
Чтобы успешно развивать сайт, пользуйтесь плагинами с осторожностью. Устанавливайте расширения только тогда, когда хотите решить конкретную задачу. С помощью плагинов можно сделать следующее:
- Обеспечить безопасность сайта.
- Бороться со спамом.
- Оптимизировать ресурс к требованиям поисковых систем.
- Повысить функциональность и улучшить юзабилити.
Как с помощью плагинов обеспечить безопасность сайта на WordPress
Сайт подвергается двум глобальным угрозам. Первая – вы сами. Стремление к совершенству и инновациям может заставить вебмастера пойти на рискованные эксперименты с кодом и программами, которые могут привести к потере информации. Защититься от этого можно с помощью плагинов, создающих резервные копии сайта.
Вторая угроза – несанкционированный доступ к ресурсу. Злоумышленники могут пытаться получить доступ к вашему сайту, чтобы установить на него вредоносный код или просто украсть его.
Чтобы регулярно создавать резервные копии сайта, воспользуйтесь одним из перечисленных плагинов:
Чтобы установить выбранный плагин, войдите в меню «Плагины – Добавить новый». Введите название расширения в поле поиска в правом верхнем углу и нажмите «Ввод». Также вы можете скачать плагин с сайта разработчика и установить его с помощью функции «Загрузить плагин» в верхней части экрана административной панели.
Нажмите кнопку «Установить». После установки активируйте плагин. Теперь настройте параметры резервного копирования. Выберите меню «Инструменты – WP DB BackUp». Нажмите Create New Database BackUp. Вы создали резервную копию по требованию.
Настройте регулярное создание резервных копий по расписанию. Перейдите на вкладку Sheduler, включите автоматическое создание резервных копий, выберите частоту создания архивов.
На вкладке Destination включите автоматическое сохранение архива на Google Drive или отправку на электронную почту.
Чтобы защитить сайт от несанкционированного доступа, воспользуйтесь плагином Loginizer Security . Надстройка надежно защищает сайт от взлома методом перебора или брутфорсинга.
Как бороться со спамом на сайте WordPress
Плагины для борьбы со спамом актуальны, если вы пользуетесь дефолтной системой комментирования WordPress. Сторонние системы комментирования , например, Disqus, защищаются от спама самостоятельно.
Защититься от спама можно с помощью плагинов, например, Akismet или Antispam Bee . После установки Antispam Bee плагин работает в фоновом режиме. Обычно подходят дефолтные настройки, но если нужно что-то поменять, перейдите в меню админки «Настройки – Antispam Bee».
Как обеспечить SEO сайта на WordPress
WordPress – SEO-дружественная CMS по умолчанию. Но есть задачи, без которых сайт нельзя считать полностью соответствующим требованиям поисковых систем. Вот они:
- Создание и обновление карты сайта.
- Канонизация URL.
- Оптимизация title страниц.
- Автоматическая генерация мета-данных страниц.
- Блокирование индексации дублированного контента.
- Создание микроразметки страниц .
Чтобы решить эти задачи, вы установите по одному SEO-плагину из трех групп: программы для создания карты сайта, программы для технической оптимизации ресурса и программы для создания микроразметки. Для создания карты сайта используйте один из следующих плагинов:
- Google XML Sitemaps.
- Simple WP Sitemap.
- Google Sitemap.
Google XML Sitemap . Для настройки плагина перейдите в меню «Настройки – XML-Sitemap».
Начинающим вебмастерам лучше оставить настройки по умолчанию. После активации плагин создал карту сайта, добавил ее адрес в файл robots.txt и приготовился уведомлять поисковые системы об обновлениях ресурса.
Если вы считаете себя опытным вебмастером, можете изменить настройки плагина. В разделе «Дополнительные страницы» можно вручную включить в карту сайта URL, которые не были включены в нее автоматически. В разделе «Приоритет статьи» определите способ вычисления приоритетности индексирования контента. В разделах «Изменить частоты» и «Приоритеты» можете рекомендовать поисковым роботам наиболее приоритетные по вашему мнению типы контента.
Для технической оптимизации ресурса воспользуйтесь одним из следующих плагинов:
- All in One SEO Pack.
- WordPress SEO by Yoast.
- Platinum SEO Pack.
Установите и активируйте выбранный плагин, например, All in One SEO Pack . Используйте настройки по умолчанию, если вы только знакомитесь с WordPress. Если считаете себя продвинутым веб-мастером, можете изменить некоторые настройки SEO-модуля. Для этого выберите меню All in One SEO в консоли движка.
Обратите внимание на перечисленные ниже настройки.
В разделе «Основные настройки» уберите флажок напротив пункта Use Schema.org Markup. Размечать страницу лучше с помощью отдельного плагина.
Если в качестве главной используете страницу записей, в разделе «Настройки главной страницы» укажите title, description и keywords. Если в качестве главной используется статическая страница, установите флажок в поле «Включить».
В разделе «Настройки для вебмастера» укажите код верификации ресурса в кабинете для вебмастеров Google. Для этого добавьте в «Инструменты для вебмастеров» новый ресурс, выберите альтернативные методы верификации. Скопируйте часть кода HTML, указанную на иллюстрации.
Вставьте ее в поле «Инструменты вебмастера Google» на странице настройки плагина.
Сохраните параметры плагина. В кабинете для вебмастеров нажмите кнопку «Подтвердить».
Для разметки страниц воспользуйтесь одним из следующих плагинов:
Связка WPSSO и WPSSO JSON Первый плагин базовый, а второй представляет собой расширение . С помощью базового решения на сайт можно добавить разметку Open Graph. С помощью второго с помощью JSON-LD реализуется разметка Schema.org. WP SEO Structured Data Schema С помощью данного плагина на сайт можно добавить несколько типов разметки Schema.org, включая Article, BlogPosting и Review. Разметка реализуется с помощью JSON-LD. Плагин Schema App С помощью этой программы на сайт можно добавить разные типы разметки Schema.org. Она реализуется через JSON-LD. Бесплатная версия поддерживает базовые типы разметки. Также разметку можно реализовать с помощью онлайн-генератора Schema.org JSON-LD Generator .
Установите и активируйте плагины WPSSO и WPSSO JSON. В консоли на странице настроек плагинов в разделе Essential Settings укажите информацию о сайте, а также сведения для разметки Open Graph. Не меняйте другие настройки.
Перейдите в раздел Schema Markup. В полях Organization Logo Image URL и Organization Banner URL укажите URL логотипа и баннера сайта. Эти изображения могут использоваться на странице поисковой выдачи.
С помощью выпадающего меню выберите базовый тип разметки для страницы записей блога, статической главной страницы. Вам нужны следующие типы: Blog и Website соответственно.
Выберите тип разметки для страниц публикаций, статических страниц и страниц медиафайлов. Для страниц записей подходят типы разметки Article и BlogPosting. Выбор зависит от формата публикаций в блоге.
Тип разметки BlogPosting – производное Article. Кроме BlogPosting, к частностям Article относится тип разметки News Article или «Новость». То есть BlogPosting содержит все семантические данные разметки Article.
Используйте тип BlogPosting, если публикуете небольшие заметки, личные наблюдения и впечатления. Используйте тип Article, если публикуете обзоры, аналитические статьи, руководства. Вот пример: для публикаций в блоге «Текстерры» подходит тип разметки Article, а для дневника Екатерины Безымянной в ЖЖ подходит тип BlogPosting. Для статических страниц и страниц медиафайлов укажите тип разметки WebPage.
После сохранения настроек плагин будет автоматически добавлять на страницы сайта выбранный тип разметки. В том числе семантические данные появятся на существующих страницах. Убедиться в этом можно с помощью инструмента проверки структурированных данных Google.
Что делать, если вы публикуете материалы разного типа: лонгриды, небольшие заметки и новости? В этом случае для каждой публикации лучше выбрать подходящую разметку. Вместо надстройки WPSSO JSON воспользуйтесь плагином WP SEO Structured Data Schema.
После установки и активации плагина на странице редактирования постов появится дополнительный раздел. С его помощью можно выбрать тип разметки и указать структурированные данные.
Недостаток плагина – необходимость размечать каждую публикацию вручную. А к преимуществам можно отнести поддержку дополнительных типов разметки, например, Review, Product и Aggregate Ratings. Бесплатная версия WPSSO JSON не поддерживает эти типы.
Как повысить функциональность и юзабилити ресурса
Повышать функциональность и юзабилити можно и нужно постоянно. Как отмечалось выше, некоторые владельцы сайтов на WordPress так увлекаются этим процессом, что устанавливают десятки и даже сотни плагинов. Чтобы избежать этой ошибки, начинайте повышение функциональности и улучшение юзабилити не с плагинов, а с определения проблем и задач, которые хотите решить.
Согласно исследованиям проводимым Google, более 50% поисковых запросов по всему миру производятся с мобильных телефонов. В связи с этим стоит убедиться, что ваш сайт на WordPress загружается быстро и выглядит прилично для этой категории производящих поиск пользователей. К счастью, проект Google Accelerated Mobile Pages (AMP) делает эту задачу более легко выполнимой.
В этом руководстве мы расскажем, как установить WordPress AMP двумя способами:
- Используя плагин AMP for WordPress .
- Через плагин .
Мы также поясним, что такое WordPress AMP и обсудим, как проверить их корректность работы после установки. Погружаемся!
Что такое WordPress AMP и чем он полезен для вашего сайта
Google Accelerated Mobile Pages (AMP) – это библиотека с открытым программным кодом, которая помогает создать быстрые, плавно прокручиваемые и упрощённые версии ваших веб-страниц, которые прекрасно смотрятся на мобильных устройствах. AMP очень дружелюбна, построенная на существующих платформах и фреймворках . К тому же, она полностью совместима с WordPress.
Если кратко, то Google AMP работает таким образом, что позволяет вам создавать дубликат вашего сайта, используя AMP HTML . Этот процесс исключает большинство элементом, которые могут привести к медленной загрузке вашего сайта (JavaScript, сторонние скрипты др.). Затем Google обрабатывает и “сглаживает” ваш сайт, для ещё более быстрой его загрузки. После этого результаты будут выглядеть где-то так:
Google AMP обеспечивает множество преимуществ, хотя он имеет некоторые недостатки. Давайте изучим обе стороны медали. Начнём с преимуществ:
- Улучшение поисковой оптимизации (SEO). Наиболее очевидным преимуществом Google AMP является прирост скорости. Так как скорость – это критический фактор , когда речь идёт о рейтинге ваших страниц в результатах поиска (Search Engine Results Pages – SERPs), это может помочь сделать ваш сайт более заметным. Google AMP гарантирует, страницы вашего сайта будут показаны в новостной карусели Google (Google News carousel), в приоритетном расположении вверху в не требующей прокрутки области результатов поиска на мобильных (ещё больше повышает SEO позиции).
- Улучшенный интерфейс пользователя. Было подсчитано, что 33% всех потенциальных продаж теряются , если веб-сайт не оптимизирован под мобильные устройства. Ещё более тревожные результаты исследований показывают, что 57% пользователей интернета не станут рекомендовать бизнес с сайтом, который не адаптирован для мобильных устройств. Google AMP делает такую оптимизацию простой и возможной и тем самым позволяет избежать этой опасности.
- Повышенная производительность сервера . Google AMP извлекает выгоду из некоторых ключевых функций оптимизации Google. Уменьшает трафик от изображений до 50% без потери качества и снижает нагрузку на работу сервера. Снижая нагрузку на сервер, AMP помогает улучшить производительность вашего сайта.
С другой стороны, у Google AMP есть и свои недостатки:
- Ограничения каскадных таблиц стилей (Cascading Style Sheets – CSS) и JavaScript. Хотя Google AMP позволяет вам достичь молниеносного времени загрузки, это может вам стоить отдельных элементов сайта. AMP удалит графику очень высокого качества, сложную анимацию и другие яркие элементы, которые используют CSS и JavaScript.
- Отображаются только страницы из кэша. Высокая скорость Google AMP также является следствием того, что Google включает отображение версии ваших страниц из кэша . По этой причине ваши пользователи не всегда смогут получить доступ к последним версиями контента.
- Ограниченные возможности доступа к рекламным объявлениям. Не смотря на то, что Google AMP поддерживает рекламу , процесс её описания очень сложен. Он также имеет ограниченные возможности интеграции с внешними рекламными платформами.
Если этих недостатков достаточно, чтобы задуматься, вы можете обратить своё внимание на адаптивный веб дизайн для своего сайта. Хотя, если вы ищете быстрое и простое решение сделать свои страницы функциональными для мобильных устройств, Google AMP остаётся лучшим вариантом.
В следующем разделе мы опишем два метода установки WordPress AMP при помощи нескольких удобных плагинов для ускорения мобильных страниц в WordPress.
Как установить WordPress AMP при помощи двух плагинов
Для установки AMP на вашем сайте вам потребуется плагин WordPress AMP. Прежде чем продолжить с этим или следующим методом мы рекомендует . После этого у вас всё готово к началу.
Вариант 1: Используем плагин AMP для WordPress
На этой странице вы можете настраивать вид своего сайта WordPress AMP по своему предпочтению и просматривать предварительно любые изменения, перед тем как опубликовать их. Вы можете настраивать текст своего сайта, ссылки и цвет фона. Плюс, мы можете выбрать, какую цветовую схему вы хотите использовать – светлую или тёмную (т.е. черную или белую) для своего сайта. Когда внесённые настройки вас будут полностью устраивать просто нажмите Publish вверху страницы.
Ещё вы можете установить, где записи, страницы или и те и другие будут располагаться в WordPress AMP. Чтобы это сделать, просто вернитесь в консоль WordPress и перейдите в AMP > General :
На этой странице отметьте рядом с настройкой Post Type Support те види публикаций, которые вы хотели бы видеть на сайте WordPress AMP и нажмите на Save Changes .
Вы наверняка обратили внимание, что здесь не так уж много настроек. К счастью, есть несколько плагинов, которые вы можете использовать для расширения вашего выбора. Например, вы можете использовать Glue for Yoast SEO & AMP для интегрирования с плагином Yoast SEO с вашей установкой AMP.
Перейдите в Плагины › Добавить новый , найдите, установите и активируйте Yoast SEO:
После этого сделайте тоже самое с плагином Glue for Yoast SEO & AMP. Затем перейдите в SEO › AMP в админ консоли. Здесь вы можете выбрать, хотите ли вы включить записи и медиа типы данных в поддержку AMP:
После этого нажмите кнопку Save changes . Дополнительные настройки можно найти на вкладке Design . Здесь вы можете установить иконку для сайта WordPress AMP, подобрать цветовую схему и даже добавить свой CSS:
Плагин AMP for WordPress прекрасный, если вы хотите добавить базовую функциональность AMP на свой сайт. Однако, если вы хотите больше настроек внешнего вида вашего сайта WordPress AMP (и возможность их расширять в будущем) наш следующий плагин для ускоренных мобильных страниц WordPress может больше подойти для вашего случая.
Вариант 2: Установка плагина AMP для WP – Ускоренные мобильные страницы
В дополнение для обеспечения привлекательного и удобного для начинающих интерфейса настройки страниц этот плагин WordPress AMP может интегрироваться с множеством других инструментов. Среди них: WooCommerce (ведущий плагин для электронной коммерции в WordPress), Alexa metrics , OneSignal push button notifications и другие.
Для использования этого плагина AMP для WordPress, вначале нужно перейти в Плагины > Добавить новый в вашей консоли. Найти “AMP for WP” , установить и активировать плагин:
Далее перейдите на новую вкладку AMP в админ панели WordPress. Вы увидите подпункты меню с разделами Settings , Design , Extensions и другие. Давайте подробнее посмотрим на настройки в Settings :
Скорее всего вы захотите начать с раздела руководства со ссылками Getting Started на этой страница. Это поможет вам самым лучшим образом настроить свой WordPress AMP. После этого, вы можете запускать разные опции AMP для WP, включая:
Нажмите на Save Changes для каждой настройки выше, как только вы закончите с ней. После этого выберите вкладку Design :
Собственно здесь вы можете управлять внешним видом своего сайта WordPress AMP. Для этого выберите конкретную тему AMP из списка в меню Theme Selector .
После выбора темы вы можете настраивать её внешний вид. Вы найдёте настройки дизайна для цветовой схемы и шрифта (вкладка Global ), выбор отображения заголовка и подвала, слайдер на главной странице и многое другое. В разделе Social вы можете также выбрать, какие кнопки социальных сейте вы желаете отображать на своём сайте WordPress AMP.
Если вы довольные видом своего AMP-сайта, сохраните все изменения. Вы также можете предварительно их посмотреть, если перейдёте в Appearance > AMP:
Бесплатная версия AMP для WP содержит широкий набор функций. Однако, вы можете значительно улучшить внешний вид и функциональность вашего сайта AMP с платными расширениями. Есть расширения для описания рейтинга (будет полезным для товаров или профилей недвижимости), интеграции с AMP WooCommerce Pro , использования пользовательских типов записей и другого:
Платные темы AMP также доступны после оплаты. Посмотреть их можно в разделе Design > Themes в вашей админ консоли. Есть специальные настройки, которые подойдут для определённых видом сайтов, как например, сайтов новостей, журналов и так далее. Плюс, есть несколько замечательных многоцелевых тем:
Если вы желаете попробовать ещё больше дополнительных функций, то для вас целый ряд тарифных планов Pro plans доступных для этого плагина. Диапазон от плана Personal (обслуживание одного сайта за $149 в год) до плана Agency (обслуживание неограниченного количества сайтов за $499 в год).
Как проверить корректность работы своего сайта WordPress AMP
Когда вы настроили любой из плагинов AMP для WordPress, вы подошли к ещё одному шагу. Вам нужно проверить работу WordPress AMP, чтобы убедиться, что он доступен и залинкован на supported platforms . Проверка – это также удобный путь посмотреть ошибки AMP с целью их устранения.
Один их быстрых и простых способов проверить AMP – использовать инструмент разработчика в браузере. Для этого вам нужно открыть страницу AMP в вашем браузере (в нашем примере мы используем Google Chrome). Дальше вам нужно добавить следующее в конце URL:
#development=1
Как только вы это сделаете, откройте консоль инструментов разработчика в браузере. Для Google Chrome это Chrome DevTools console . Если найдены ошибки, они будут подсвечены красным, вместе с анализом их причин.
Обычно ошибки проверки вызваны неверными префиксами, некорректным форматированием кода и/или неподдерживаемыми тегами. В большинстве случаев, будут присутствовать настройки исправления ошибок. Кроме этого, проект Google AMP также описывает метод устранения распространённых ошибок проверки , если авто-исправление отсутствует.
Другой эффективный способ проверки AMP – использование расширения AMP Validator для Google Chrome и Opera :
Этот инструмент обеспечивание простое определение ошибок (красные иконки), равно как и их причин. К тому же, если вы запустили проверку AMP на своей не AMP странице, голубая иконка расширения покажет вам ссылку перенаправления на версию станицы AMP. Эта настройка предлагает удобный способ оценки элементов темы вашего сайта, которые могут помешать правильному отображению вашего WordPress AMP.
Заключение
Даже несколько дополнительных секунд времени загрузки могут значительно снизить рейтинг вашего сайт в поисковиках (и ваш коэффициент конверсии). К счастью, как мы уже видели, использование Google AMP может помочь вам убедиться, что страницы вашего сайта загружаются молниеносно на мобильных устройствах. Что ещё, конфигурация и тонкая настройка AMP для WordPress – это просто и понятно, если вы используете правильный плагин WordPress для ускоренных мобильных страниц.
У вас остались вопросы о том, как установить какой-либо плагин WordPress AMP? Дайте нам знать в комментариях!
Всем привет! После того как вы установили движок Вордпресс на хостинг, далее необходимо выполнить несколько обязательных установок в административной панели. Поэтому в сегодняшней статье, я буду вещать на тему базовая настройка WordPress сайта .
Прежде чем приступить к добавлению записей, настройке темы и установки необходимых плагинов, нужно произвести первоначальную настройку. Если её не сделать, то в дальнейшем при создании своего сайта, вы можете столкнуться с различными трудностями. Поэтому прошу вас серьёзно к этому отнестись и дочитать данный материал до самого конца.
5 важных шагов после установки WP
Делаем настройку экрана административной панели
меняем общие настройки
правильно настраиваем постоянные ссылки (ЧПУ)
настраиваем файл wp-config.php
меняем имя пользователя (логин) администратора
Когда вы впервые заходите в панель администратора сайта, перед вами появляется целая куча разных информационных элементов. Большинство из них никогда вам не понадобятся, а только будут мешать и отвлекать вас. Поэтому для удобства работы, их необходимо убрать. Для этого заходим в меню «Настройки экрана », которое расположено в правом верхнем углу:
Перед вами откроется всплывающая панель, в которой необходимо снять галочки с элементов, которые не должны отображаться в админке. Я обычно оставляю только «Активность » и «На виду ». Теперь вы знаете, где настраивается отображение экрана и в дальнейшем можете менять настройки по своему усмотрению.
Поздравляю, первый шаг мы выполнили! Согласитесь, теперь вид административной панели намного приятнее чем был раньше, когда было много ненужных и непонятных элементов. Теперь можно перейти ко второму шагу.
Общая настройка WordPress
Продолжаем узнавать, что такое базовая настройка WordPress сайта. Здесь нам необходимо поменять общие настройки, для этого нам нужно перейти на вкладку Настойки /Общие :
Заполняем все представленные поля: название сайта , краткое описание , адреса URL , адрес e-mail . Если у вас на сайте планируется регистрации, то напротив пункта «Членство » ставим галочку и выбираем роль нового пользователя:
Далее выбираем часовой пояс , формат даты и формат времени . В пункте «Первый день недели », выбираем понедельник. Указываем язык сайта и жмём на кнопку «Сохранить изменения ». Теперь, не выходя из вкладки «Настройки » , переходим в меню «Написание » :
Здесь в пункте «Форматирование » ставим галку напротив строчки «Преобразовывать в смайлики » и убираем галочку возле надписи «WordPress должен исправлять некорректный код ». Остальные пункты оставляем без изменений. В самом низу находим пункт «Сервисы обновления » и вставляем в его поле следующие адреса:
http://rpc.pingomatic.com
http://blogdb.jp/xmlrpc
http://blogsdominicanos.com/ping
http://blogsnow.com/ping
http://feedsky.com/api/RPC2
http://godesigngroup.com/blog/feed
http://ping.bloggers.jp/rpc
http://blogsearch.google.com/ping/RPC2
http://blogupdate.org/ping/
http://www.weblogs.com/RPC2/
http://ping.blogs.yandex.ru/RPC2
http://ping.feedburner.com
http://wasalive.com/ping
http://www.blogshares.com/rpc.php
http://www.snipsnap.org/RPC2
http://xping.pubsub.com/ping/
http://rpc.weblogs.com/RPC2
http://www.syndic8.com/xmlrpc.php
http://r.hatena.ne.jp/rpc
http://ping.syndic8.com/xmlrpc.php
http://api.moreover.com/RPC2
http://ping.namaan.net/rpc
http://ping.fc2.comhttp://ping.kutsulog.net
http://blog.goo.ne.jp/XMLRPC
http://api.my.yahoo.com/RPC2
http://api.my.yahoo.co.jp/RPC2
http://rpc.icerocket.com:10080/
http://rpc.technorati.com/rpc/ping
http://pinger.blogflux.com/rpc
http://ping.weblogalot.com/rpc.php
http://ping.blogoon.net
http://blogsearch.google.co.uk/ping/RPC2
http://blogpeople.net/servlet/weblogUpdates
http://www.xianguo.com/xmlrpc/ping.php
http://www.blogpeople.net/servlet/weblogUpdates
http://rpc.reader.livedoor.com/ping
Сохраняем изменения нажав на соответствующую кнопку. Далее, переходим в меню «Чтение », которое находится ниже. В пункте «На главной странице отображать » выбираем последние записи, если вы создаёте блог. Если вы создаёте сайт и хотите, чтоб на главной всегда находилась определённая страница, тогда выбираем статистическую страницу. Остальные пункты описывать не стану, смотрите скриншот ниже и делайте все так же как на нём.
Далее переходим в «Написание », ставим галочку напротив строчки «Преобразовывать смайлики наподобие и 😛 в картинки». Это делать не обязательно, можете не отмечать этот пункт. Но согласитесь, гораздо красивее и эмоциональнее, когда простые улыбки в ваших записях и страницах становятся автоматически красивыми смайликами-картинками, например так
Во втором пункте, где написано «WordPress должен исправлять некорректный XHTML-код автоматически », убираем галочку. Среди веб-мастеров постоянно ведутся споры по этому пункту, одни считают, что галочку нужно убрать (я тоже так думаю) другие, что нужно поставить. Я не просто так придерживаюсь такого мнения и мне известно много случаев, когда эта функция работала некорректно.
Посмотрите один из примеров, взятый на форуме по Вордпрессу, пишет один блогер:
«Новости в основном забиваю в HTML, пытаюсь использовать теги
и
, но после сохранения записи WP меняет их на
b
, соответственно, они не работают. Как отучить WP исправлять HTML код? Искал, но найти не смог.»
Так, теперь переходим на вкладку «Обсуждение ». В пункте «Настройки статьи по умолчанию » убираем две первых галочки. Это нужно для того, чтобы перестали появляться непонятные комментарии (селфбэки), когда в комментах вы ссылаетесь на самого себя или когда ставите в статьях ссылки на другие свои записи. Дальше делаем все как на скриншоте ниже:
Настройка постоянных ссылок WordPress (ЧПУ)
ЧПУ - расшифровывается как человеко понятные урлы (ссылки). На эту настройку стоит обратить особое внимание, потому что она является очень важной с точки зрения продвижения сайта в поисковых системах. Сейчас объясню почему. По умолчанию WordPress формирует некорректные ссылки страниц, в виде всяких непонятных символов и знаков вопроса. Например, вот так:
http:///post=1548&action
это в свою очередь, не есть хорошо с точки зрения seo-оптимизации. Поисковые роботы любят, когда ссылки выглядят красиво, содержат в себе ключевые слова и имеют окончание.html, например, вот так:
такие ссылки понятны людям, легко запоминаются и имеют нормальный, эстетичный вид. Для того чтобы выполнить все необходимые настройки ЧПУ , идём во вкладку Настройки / Постоянные ссылки . Выбираем пункт «Произвольно » и вставляемых туда следующий код:
/%category%/%postname%.html
Это ещё не все. Отображение русских символов в ссылках категорически недопустимо, в них должны содержаться только латинские буквы или цифры. Решается это проблема очень просто. Идем во вкладку Плагины /Добавить новый :
В поле поиска вводим Cyr to Lat enhanced и нажимаем «ENTER ». В результатах поиска находим нужный нам плагин и нажимаем на кнопку «Установить ». После этого появится сообщение, что плагин успешно установлен.
Чтобы плагин начал работать, в появившемся сообщение нажимаем на ссылку «Активировать плагин »:
Поздравляю, теперь все ссылки на вашем сайте будут отображаться правильно, английскими символами, как и должно быть с точки зрения seo-оптимизации. Как видите, базовая настройка WordPress сайта делается быстро и просто, а теперь переходим к следующему шагу.
Настройка wp-config.php
Файл wp-config.php - это сердце движка WordPress . В нем содержатся все важные настройки и параметры без которых работа WP просто невозможна. После создания сайта на Вордпресс, я всегда открываю его файл wp-config.php и добавляю туда, два с моей точки зрения очень полезных параметра. Первый параметр запрещает системе создавать ревизии:
define ("WP_POST_REVISIONS", false);
В Wordpress по умолчанию включена функция авто сохранения редакций записей. Когда вы пишите статью и сохраняете результат на определённом месте, в WP автоматически создается редакция сохранения. Например, во время написания статьи, вы вносили корректировки и сохраняли её 5 раз , соответственно, в базе данных создалось и сохранилось 5 прошлых статей с изменениями. Это и есть ревизии сохранения. Чтобы их увидеть необходимо при написании статьи сохранить её несколько раз:
Зачем я добавляю в файл wp-config.php, параметр, который запрещает создавать ревизии? Дело в том, что создание ревизий приводит к засорению базы данных, а также к увеличению её размера. Представьте, если я напишу на свой блог 20 статей и каждую статью во время написания, буду сохранять по 5 -10 раз . Как минимум после этого мой сайт будет очень долго и плохо грузиться, а поисковые системы подумают: «че за тормоз, надо этот веб-ресурс убрать в самый низ поисковой выдачи ».
Второй параметр отвечает за общий режим работы. Он очень полезен в ситуациях, когда редактируешь файлы темы или плагинов и вдруг появляется «белый экран смерти » и сайт полностью ложится без предупреждений. Благодаря этому простому параметру, вы сможете узнать в чем проблема и увидеть все сообщения об ошибках. Выглядит он вот так:
define ("WP_DEBUG", true);
Чтобы добавить эти 2 параметра в свой файл wp-config.php, необходимо зайти в корневую папку своего сайта через FTP клиент, например, FileZilla или через файловый менеджер хостинга , кому как удобнее:
Затем открываем его и вставляем эти два параметра где-нибудь внизу, как показано на скриншоте ниже:
Меняем логин админа
Последний и очень важный момент в настройке Вордпресс, это изменение имени пользователя (логина) администратора. Дело в том, что при создании сайта на WP , всем по умолчанию присваивается логин admin , именно его мы вводим, когда заходим в административную панель своего сайта.
С точки зрения безопасности, это хорошая возможность для злоумышленников взломать ваш web-ресурс, так как логин (admin) они уже знают, им остаётся только подобрать пароль. В отличие от пароля, имя пользователя в админке стандартным путём изменить нельзя. В следующих статьях я обязательно расскажу вам несколько способов, как изменить логин. На этом сегодня у меня все!
Как вам базовая настройка WordPress сайта? Буду рад, если поделитесь своими секретами.
P.S. Скоро опубликую много интересного и полезного материала! Чтобы гарантированно получить этот материал – подпишись на обновления блога и получай его прямо на свой E-mail. Подписаться на обновления блога прямо сейчас.
Сегодняшняя статья будет также посвящена начинающим веб мастерам, и в ней мы подробно рассмотрим такую составляющую, как .
Настройкой блога на wordpress следует заняться сразу же после установки движка, не откладывая в долгий ящик. В противном случае, неверная настройка или ее отсутствие могут привести к неприятностям, связанным с продвижением ресурса.
Итак, для того чтобы перейти к настройкам вордпресс, вам необходимо перейти в административную панель (панель управления или админку) wordpress или ее еще называют консоль. Сделать это можно, прописав в строке браузера следующую ссылку:
Введите свои данные (логин и пароль), сформированные на этапе установки движка wordpress и нажмите «Войти»:
При вводе верных данных вам будет доступна админка вашего wordpress блога, где первым делом, для удобства работы, необходимо настроить внешний вид. Делается все очень просто. В верхней правой части экрана имеется вкладка «Настройки экрана», в которой и происходит правка всех разделов.
WordPress имеет довольно гибкие настройки и любой из вас сможет справиться с ними самостоятельно путем, установки или снятия галочки с нужного раздела:
Лично я оставил лишь один раздел «Прямо сейчас» и количество столбцов «1». Остальная информация для меня не несет особой ценности. Вы же можете со мной не согласиться и настроить все по своему усмотрению. Но это не столь важно в настройке блога на wordpress, важность в настройке представляет следующий раздел «Параметры», который мы сейчас и будем с вами рассматривать очень подробно.
Настройка wordpress
Итак, перейдите в админ панель wordpress в меню настроек под названием «Параметры», оно расположено с левой стороны экрана. В нем имеется множество вкладок, которые мы сейчас и будем с вами разбирать:
Общие
Перейдите во вкладку «Общие» и давайте рассмотрим, какие настройки здесь необходимо сделать:
1. Впишите название вашего сайта.
2. Придумайте и впишите краткое описание своего ресурса. Можете взять описание .
3-4. Пропишите URL — адрес своего сайта. Обычно используют одинаковые адреса.
5. Укажите e-mail адрес. На него будут приходить любые уведомления.
6. Данный пункт будет актуален для форумов. Если ваш ресурс из разряда блога или сайта, лучше галочку не ставить.
7. Выберите роль нового пользователя.
8. Укажите свой часовой пояс.
9. Выберите для отображения формат даты.
10. Выберите формат времени.
11. Укажите первый день недели. Логично установить «Понедельник», но возможно ваша неделя не поддается логике и начинается с другого дня.
12. После установки всех необходимых настроек обязательно нажмите кнопку «Сохранить изменения». В противном случае придется все повторить.
Написание
Во вкладке «Написание» оставляем все как есть, за исключением последнего пункта «Сервисы обновления»:
По умолчанию в поле прописан всего лишь один сервис пинга, который автоматически уведомляет поисковые системы об опубликованных на блоге новых постах. Данная функция позволяет существенно ускорить индексацию блога. А если мы расширим список сервисов для пинга, то улучшится в разы. Поэтому и скопируйте его в поле «Сервисы обновления», каждый с новой строки.
Чтение
Переходим к настройкам полей вкладки «Чтение»:
1. Здесь вы можете оставить стандартную настройку отображения записей, галочка в поле «Ваши последние записи». В этом случае все записи на блоге будут отображаться на главной странице в порядке их обновления, т.е. при публикации новой записи, она будет отображаться в самом верху главной страницы, а старые записи сдвигаться вниз.
Если вы выберите «Статическую страницу», то главная страница вашего блога станет статичной, т.е. постоянной. В этом случае вам нужно будет выбрать в поле «Главная страница», какая из страниц будет отображаться на главной странице. А также в поле «Страница записей» выбрать страницу для отображения последующих записей. Если у вас блог, то я рекомендовал бы вам оставить настройки по умолчанию.
2. Выберите то количество страниц, которое вам хотелось бы видеть на главной странице вашего ресурса.
3. Выберите, сколько страниц будет отображаться в RSS — ленте.
4. Укажите, как должны отображаться ваши транслируемые в RSS — ленте посты (полностью или только анонс).
5. Убедитесь, что кодировка страниц и лент установлена UTF-8. Это обязательно, если не хотите, чтобы вместо записей на вашем ресурсе отображались различного рода иероглифы (кракозябры).
6. Ну и после всех настроек не забывайте «Сохранять изменения».писал на своем блоге статью . Ознакомьтесь с ней, там все подробно расписано. Повторяться не буду.
На этом окончена. Мы с вами рассмотрели все необходимые вкладки административной панели вордпресс. Надеюсь, мой пост оказался для вас полезным, и теперь вы с легкостью настроите блог на wordpress, как надо. Я же на этом с вами прощаюсь. Всем удачи. Пока. Увидимся в новых статьях.
Как вам статья? Может у вас есть свое мнение по настройке блога? Рад буду выслушать ваши мнения в комментариях.
