Старт веб-проекта обычно бывает такой: мы выбираем тему (шаблон сайта), настраиваем ее по своим требованиям – сайт обретает в каком-то смысле уникальность… однако, следует помнить, что все наши настройки дизайна (а часто и функционала) связаны с выбранной темой! Наш сайт плотно связан с однажды выбранным шаблоном.
Как правило, если мы решаемся сменить тему сайта, то все (или большинство) настроек слетают – приходится перенастройка. А в Базе Данных остаются данные от прежней темы (это не очень хорошо).
Точно такие же последствия могут произойти и с плагинами… Хотя вроде бы считается, что плагины можно свободно устанавливать и удалять – без последствий. Это, чаще всего, заблуждение! и после удаления некоторых плагинов также остаются следы, которые могут сыграть злую шутку в последствии… и дело не только в проблемах с производительностью нашего сайта.
- Найдите надежного хостинг-провайдера
- 2. наличие на сайте сертификата SSL
- настройка веб-адреса сайта в WordPress
- 3: настройте оптимизированную SEO структуру URL
- 4: выбираем оптимизированную SEO тему
- 5: используйте только целесообразные вашему проекту плагины
- решение кодом:
- 6: работайте с Google Search Console
- 7: создайте и загрузите карту сайта для ПС
- 8: правильное SEO записей страниц
- типа семантическое ядро: найдите ключевые слова с высоким потенциалом
- добавляем заголовок и мета-описание (дескрипшн – англ. description)
- 9: оптимизируйте изображения сайта
- 10: реализовать микроразметку Schema.org
- 11: оптимизируйте код сайта (плагинов, темы)
Ниже приведены несколько составляющих, о которых следует подумать при запуске и оптимизации нашего проекта на WordPress:
Найдите надежного хостинг-провайдера
Чем серьезнее наш хостинг, тем более наш сайт будет расторопнее и выгоднее для поисковиков. Сейчас этот фактор немаловажен! Core Web Vitals во многом определяющий фактор ранжирования и, соответственно, повышение скорости загрузки страниц означает более эффективное ранжирование, а это значит, что сайт принесет отдачу (финансовую, или… да мало ли)!
Выбирая качественный хостинг, следует изучить его некоторые факторы: главный вопрос в том (для более крупных проектов), является ли хостинг, скажем так, общим, либо же управляемым.
Общий хостинг – если несколько веб-сайтов расположены на одном и том же сервере.
То есть на одном сервере расположены еще какие-то сторонние проекты! попросту мы делим среди конкурентов мощности сервера… В этом случае из под контроля уходит управление сервером.
Управляемый хостинг (выделенный сервер и пр) – нашему сайту отведена и гарантирована определенная мощность сервера.
…управляемый хостинг как правило имеет ряд дополнительных преимуществ, таких как CDN, сертификат SSL (платный/бесплатный), полное резервное копирование данных нашего сайта (частое копирование), постоянную службу поддержки по решению тех или иных технических вопросов (возможна связь пот телефону).
Так называемый Управляемый хостинг не является обязательным… Однако, если мы предполагаем крупное развитие нашего проекта, то выбор серьезного хоста целесообразнее определить на старте.
…касаемо стоимости:
площадка на общем хостинге обойдется от 3 до 5 долларов в месяц (150-р. 500-р): управляемый хостинг гораздо дороже – примерно 20 долларов в месяц (это, конечно же, средние значения цен). Цена в прямой зависимости от размера ёмкости, мощности, сопутствующих услуг хоста.
Так же стоит обратить внимание на наличие WP Engine, Kinsta и BlueHost управляемого хостинга для WordPress.
Варианты шрифтов, дизайн, стилистика – как добавить на сайт?
2. наличие на сайте сертификата SSL
Как многим известно, в 2014 году Google добавил HTTPS в список факторов ранжирования. Хотя это и не особо важный фактор ранжирования (оценки ПС) нашего сайта, однако, переход на HTTPS сегодня важнейший шаг (да и после одного из обновлений WordPress требует https – переводим сайт на SSL).
WordPress не предоставляет готовые сертификаты SSL. Самый простой и безопасный способ получить сертификат SSL у вашего хостинг-провайдера – сейчас практически все приличные хостеры предоставляют БЕСПЛАТНЫЙ SSL, это, кстати говоря, тоже является определителем качества хост-провайдера.
Если вы подключили SSL, самое время изменить адрес своего веб-сайта с http на https.
Для этого откройте панель управления WordPress и перейдите в Настройки/Общие. В полях WordPress Address (URL) и Site Address (URL) введите URL-адрес домашней страницы вашего веб-сайта с https: пример – https://mihalica.ru/
настройка веб-адреса сайта в WordPress
После этих настроек сайт будет восприниматься Google более дружелюбно, а также и остальными поисковыми системами как безопасный для посещения.
…после вышеописанных манипуляций, весьма целесообразно, пройти по пути: Настройки/Постоянный ссылки и просто перезаписать построение url сайта – подмотайте страницу книзу и пересохраните (подробнее ниже) – нажмите на кнопку Сохранить.
почитать:
подробнее об исправлениях кода шаблонов для обновленных версий php
Инструкции: как выбрать хостинг
Такая ситуация, как смена хостинга, знакома многим, и особливо тем, которые лично ведут сайты — предположу, что вопрос, как выбрать хостинг, волнует всякого админа — будь то новичок, или не новичок
Обзор: специализированного сервиса
Если мы запускаем интернет магазин, то весьма не лишне воспользоваться сервисом объективного рейтинга хостингов
, на котором возможно прямо на странице ознакомится и сравнить многие имеющиеся хостинги рунета и не только рунета.
3: настройте оптимизированную SEO структуру URL
Ядро WordPress предлагает на выбор несколько шаблонов структуры URL (по радиокнопкам).
Есть и возможность создать собственное правило для URL, которое будет использоваться на сайте:
Большинство вариантов URL- не очень-то вяжутся с SEO. Например, День и название и Месяц и название – эти правила более подходит для новостных сайтов.
Простой шаблон URL-адрес по ID поста.
МИНУСЫ: а) пользователи не могут читать URL-адреса. б) невозможность использования ключевых слов.
Произвольно – этот шаблон URL наиболее оптимален для сайта.
Домен/имя-статьи
4: выбираем оптимизированную SEO тему
Выбор темы для сайта – это наиважнейший шаг при создании и запуске своего сайта! Я писал об этом много, надеюсь, полезных статей…
1) обязательно используйте дочернюю тему для шаблона!
Когда и как правильно создавать дочернюю тему шаблона сайта – создаём
большинство пользователей достаточно невнимательно относятся к вопросу создания дочерней темы (и напрасно!!), а по истечению времени приходится здорово перенастраивать сайт….
2) перед запуском проекта, рекомендую настраивать и тестировать сайт на ТЕСТОВОЙ площадке, а затем переносить с чистенькой Базой Данных (и файлами) на основной (рабочий сайт): как на хостинге создать тестовый сайт за 5 минут.
Большинство предлагаемых в сети шаблонов имеют очень привлекательный дизайн. Но за этим фасадом тема может быть весьма непригодна к использованию.
Случается так, что админ выбирает тему, настраивает и запускает проект и только потом замечает, что избранная тема, мягко говоря, не АЙС: не оптимизирована (в плане SEO), имеет много лишнего (по вашему проекту, по функционалу) кода, да и вообще…
Однако, к тому времени, когда приходит некоторая опытность управлением сайта – понимаешь оплошность с выбором шаблона, – смена темы становится серьезной проблемой перенастроек… Так что внимательнее!
5: используйте только целесообразные вашему проекту плагины
Неплохо взять себе за правило – чем меньше мы используем плагинов, тем лучше (особенно это касается сомнительных модулей).
Следует помнить об альтернативе – всякие мелочи гораздо правильнее решать непосредственно в коде шаблона, тем паче это делается один раз и забыл – нет смысла нагружать сайт лишними простенькими плагинами: как правило эти плагины разработчики через некоторое время бросают…
Повторяю: не следует перегружать сайт лишними плагинами (нецелесообразными), НО это не значит, что плагинами пользоваться не нужно вовсе! Думать нужно, прислушиваться к советам более опытных коллег…
решение кодом:
Либо, если решили решать функциональные задачи сайта посредством кода, весьма полезно будет ознакомиться с этими статьями: как разбить на отдельные функциональные части, файлы файл functions.php.
Создаём плагин (один на все случаи – полезно, если в последствии предполагается смена темы: в этом случае функционал сайта остается рабочим) – Создаём собственный плагин — отдельный файл функций для сайта my-functions.php
Как правило, новички, с минимальными техническими знаниями, решая ту или иную задачу по оптимизации сайта, используют плагины! По типу “быстро и бесплатно”… это во многом неверный подход.
6: работайте с Google Search Console
Консоль поиска Google – инструмент для отслеживания и повышения эффективности нашего сайта в поиске: производительность, индексирование, взаимодействие с пользователем, улучшения поиска и безопасность.
Настройте и верефицируйте для сайта инструменты Google Search Console. Всё это просто: google предложит нам проверочный тег или код, который нам нужно скопировать и добавить в код нашего веб-сайта.
Чтобы добавить тег в WordPress, поступают различными способами: используют плагины (по типу: Insert Headers and Footers), либо файлы шаблона (что, на мой взгляд – логичнее. Потому как для подобных незначительных решений использование плагинов сомнительно!)…
Также весьма полезно использовать инструментарий Яндекса: вебмастер. (подборка статей по Яндексу).
7: создайте и загрузите карту сайта для ПС
К сожалению, пока что WordPress не создает карту сайта в требуемом формате XML “из коробки”.
В этом исключительном случае, весьма целесообразно использовать плагин! Например, такой: Google XML Sitemaps – этот инструмент авторитетен, т.к. является продуктом Гугла.
В любом случае (для подобных плагинов важны некоторые моменты), убедитесь, что тестируемый плагин решает следующие задачи:
- Включить/исключить определенные пользователем URL-адреса;
- Включить/исключить таксономии WordPress;
- Установить приоритет сканирования;
- Измените частоту сканирования.
Плагин карты сайта для поисковых систем призван автоматически генерировать карту сайта каждый раз, когда мы создаем или удаляем запись/страницу.
Карта сайта, вероятнее всего, будет иметь такой URL-адрес: www.example.com/sitemap.xml
Добавьте созданную карту сайта в Google Search Console: перейдите в Индекс/Карты сайта и добавьте URL карты сайта в индекс.
8: правильное SEO записей страниц
Примерная настройка веб-сайта состоялась, самое время наполнить площадку контентом. Вот некоторые вещи, о которых следует помнить.
типа семантическое ядро: найдите ключевые слова с высоким потенциалом
Прежде всего, мы должны найти для обозначения сайта в сети ключевые слова, в связке с которыми будет создаваться контент.
Важно понимать то, что ключевые слова должны быть нИ абы какие, но продуманные! – по которым пользователи наиболее часто отыскивают требуемый контент.
Сейчас существует множество инструментов для исследования ключевых слов, но я бы все-таки рекомендовал в начале вашего славного пути wordstat.yandex:
для того, чтобы появилась возможность добавлять к описанию сайта ключи (keywords) используйте SEO плагины, либо соответствующий код.
добавляем заголовок и мета-описание (дескрипшн – англ. description)
Заголовок и метаописание – это то, что мы видим по запросу главной страницы сайта – фрагмент сниппета.
По умолчанию WordPress не располагает инструментом для пользователей устанавливать параметры при создании публикации. Таким образом, технически Google может создавать ваш поисковый сниппет на основе всего, что находит на странице, а это не совсем правильно! Ведь желательно, чтобы Гугл отображал то, что мы хотим сказать о сайте.
Чтобы каким-то образом контролировать поисковый сниппет, потребуется соответственный плагин, это может быть Yoast или похожий…
9: оптимизируйте изображения сайта
Оптимизация изображений важнейшие дело SEO, а нынче это особенно актуально, – опция Core Web Vitals оценивают страницы по скорости.
Изображения, как правило, самые весомые элементы контента на странице. Получается, чем быстрее загружаются наши изображения, тем выше скорость, а значит и рейтинг страниц.
Очевидный способ увеличить скорость загрузки изображений (в целом – страницы) – сделать картинки легче. Сжать…
Большинство этих задач можно решить, опять же, с помощью плагинов оптимизации изображений. WP Smush, Imagify и reSmush.it.
Для маленьких проектов рекомендую выбрать внешний инструмент для оптимизации изображений. То есть подготавливать картинки перед загрузкой на сервер.
Рекомендую пройти: Настройки/Медиафайлы и поправить…
Возможно поставить такие как на картинке установки (это исключит формирование /генерирование/ лишних изображений, а следовательно бэкап файлов сайта будет меньше по размеру). Кому интересны подробности: Какой размер картинок загружать на сайт, рекомендации – WordPress – полезный плагин media-Cleaner.
Обратите внимание на пункт: Помещать загруженные мной файлы в папки по месяцу и году – галочка должна быть установлена!! иначе все загружаемые на сайт картинки будут помещаться в одну папку – а это каша!
Многие пользователи, при изучении админки, открывают чекбокс и – безнадежно забывают… Смотрите.!.
10: реализовать микроразметку Schema.org
Система HTML-тегов микроразметки помогают Google и Яндекс находить определенные важные фрагменты информации на странице.
Например, мы можем разметить свой номер телефона, или эл/почту и теперь Яндекс и Google будут точно знать о нашем номере телефона.
Преимущество использования Schema заключается в том, что поисковые системы лучше воспринимают ваш контент, а, следовательно, наилучшим образом представляют его в поиске.
Для внедрения микроразметки Schema.org возможно использовать соответствующие плагины, либо опять же код… Для кулинарных сайтов – в статьях рецептов – как известно, по правилам микроразметки, желательно использовать мета тег itemprop="description"
в решении этой задачи возникают трудности – что это за тег и как его правильно добавить, описано в этой статье.
Внедрение на сайт тегов семантической микроразметки schema.org — по обновлённому стандарту.
Что такое Open Graph? как подключить протокол Open Graph к WordPress.
Если микроразметка Schema.org внедрена, убедитесь, что она правильно работает, инструменты проверки структурированных данных Google и Яндекс (в аккаунтах есть ссылки).
11: оптимизируйте код сайта (плагинов, темы)
Валидный HTML-код: что это такое и как написать код без ошибок.
Тогда, когда сайт настроен и запущен в сеть, как правило обнаруживается, что страницы работают/загружаются не так гладко, как на свежем Вордпресс.
Следует знать, что все наши настройки, настройки и функционал плагинов… как правило, создают много беспорядка, который накапливается в файлах шаблона и Базе данных. Этот беспорядок как ни крути отражается на производительности – скорости загрузки сайта..
Одна из вещей, которые вы можете сделать для повышения производительности – это вручную минимизировать файлы HTML, JS и CSS: удалить ненужное форматирование: в этом случае все эти файлы сократятся на треть от своего прежнего размера.
Либо использовать плагины по автоматической оптимизации: Autoptimize, WP Super Minify и Fast Velocity Minify (нередки случаи ошибок в работе сайта).
Или попробуйте внешние минификаторы кода: CSS Minifier, JavaScript Minifier и HTML Compressor.
Еще одна вещь – оптимизировать код JS – отложить несущественный JavaScript. Измените порядок подгрузки JS скриптов и пр. Однако, для подобных манипуляций, нужно обладать некоторыми знаниями.
Как правильно зарегистрировать JS файлы, подключение JS jQuery к своему шаблону, сайту.
Как организовать подключения js скриптов в файлах шаблона — событие wp_footer — без перегрузок!.. Как организовать подключения js скриптов в файлах шаблона — событие wp_footer — без перегрузок!…
mihalica.ru !