ИТ Блог. Администрирование серверов на основе Linux (Ubuntu, Debian, CentOS, openSUSE)

Контрольный список для веб-мастеров: успешно запустите свой веб-сайт в 2021 году. Часть 2

Оптимизация и продвижение сайта

7. Установите плагин/сборку «В стадии разработки» в промежуточной среде

Когда вы впервые создаете свой сайт (особенно в WordPress), рекомендуется установить плагин «Under Construction». Такой плагин позволит администраторам сайта работать над созданием сайта за кулисами, в то время как посетители сайта будут видеть только страницу «в разработке».

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

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

 

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

Делайте резервные копии всего, выполняйте резервное копирование чаще. Послушайте, мы здесь говорим о компьютерах. Мы любим их, но не доверяю им. По сути, это кусочки кремния, которые мы обманом заставили думать с помощью электричества. Наиболее эффективная стратегия для их устранения обычно – «выключить и снова включить».

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

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

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

 

9. Установите Security Suite

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

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

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

* Кстати, неплохо было бы включить автоматические обновления для WordPress и его плагинов, если ваш хост еще не сделал этого за вас.

 

10. Настройте информацию о сайте и постоянные ссылки

Вот еще несколько советов, относящихся к WordPress/CMS: при первой настройке сайта вы должны настроить все параметры, которые хотите, прежде чем вы даже начнете размещать контент. Обычные настройки включают такие вещи, как заголовок вашего сайта, любой слоган, который вы можете захотеть использовать, что-то в этом роде.

Вам также следует установить постоянные ссылки. В такой CMS, как WordPress, вы можете решить, как будут выглядеть ваши ссылки. Например, если у вас есть сообщение в блоге «Мои любимые персонажи Футурамы», ссылка может выглядеть примерно так: «myblog.com/my-favorite-futurama-characters». Или может включать дату, например «myblog.ru/15/06/2021/my-favorite-andreyex-characters».

Вы даже можете включать категории: «myblog.ru/movies/my-favorite-andreyex-characters». Выбор за вами, и вы должны решить, какие ссылки вам нужны, прежде чем начинать размещать контент. Изменение настроек ссылки позже может серьезно повредить вашему SEO.

Чтобы настроить информацию о вашем сайте в WordPress, перейдите в «Настройки»> «Общие».

 

11. Убедитесь, что дизайн вашего сайта сплочен

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

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

Фавиконы особенно полезны, когда у посетителя вашего сайта открыто более 200 вкладок.

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

 

12. Оптимизируйте свои изображения

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

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

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

 

13. Оптимизируйте свой код

Буквально каждый килобайт имеет значение при создании сайта. Практически по тем же причинам, что и в предыдущем пункте, вы должны запускать свои файлы CSS и JavaScript (если у вас есть к ним доступ) через «минификатор», в частности, этот минификатор JS и CSS.

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

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

 

14. Сверните код отслеживания

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

Теперь, если вы добавите только один код отслеживания Google Analytics или Яндекс Метрика, это не должно сильно повлиять на ваш сайт. Но если вы добавите код из приложений тепловых карт, приложений для отслеживания социальных сетей и всех виджетов, о которых вы только можете подумать, то ваши посетители будут испытывать худшие впечатления.

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

 

15. Убедитесь, что все содержимое выглядит правильно

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

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

Иногда это вызвано копированием несовместимого текста из одного редактора форматированного текста в другой. Иногда это происходит из-за того, что Word добавил какое-то дополнительное «секретное» форматирование, например, слишком конкретные настройки шрифта или размеры текста.

Иногда компьютерные боги в этот день просто злятся.

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

 

16. Установите плагин специальных возможностей

В идеале ваш сайт (или тема WordPress) должен быть разработан таким образом, чтобы сделать его доступным для людей с нарушениями зрения, проблемами моторики и т. д. Если ваш сайт трудно использовать любому, у кого нет видения 20/20, значит, он плохо спроектирован и усложняет жизнь вашим пользователям.

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

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

 

17. Проверьте совместимость мобильных устройств, планшетов и компьютеров

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

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

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

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

 

18. Проверьте совместимость браузера

В дополнение к тестированию устройств вам следует тестировать свой сайт во всех доступных браузерах. Несмотря на то, что большинство известных браузеров в наши дни (Chrome, Opera, Microsoft Edge) основаны на одном и том же коде, у каждого из них есть свои небольшие особенности в том, как они отображают веб-страницы. Firefox и Safari – совершенно разные звери.

Так что да, установите любой браузер, который вы можете (и установите мобильные версии на свой телефон). Если у вас нет Mac, попробуйте одолжить его, чтобы протестировать свой сайт в Safari. Это хорошо, если все выглядит немного отличается от браузера к браузеру; просто обратите внимание на потенциально опасные для сайта ошибки.

 

19. Установите плагин SEO и приготовьтесь к работе с Google

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

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

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

 

20. Проверьте свой XML-файл Sitemap и файл Robots.txt

Продолжая тему SEO, есть еще пара инструментов, о которых вам следует знать:

Тот файл карты сайта, о котором мы говорили вам в предыдущем пункте? Вам, вероятно, следует попробовать XML Sitemap Validator, просто чтобы убедиться, что файл присутствует и работает правильно.

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

Однако неправильно закодированный файл robots.txt может потенциально вызвать проблемы с сервером и снизить рейтинг вашей поисковой системы. Чтобы этого не произошло, обратите внимание на программу проверки Robots.txt. Это может помочь вам убедиться, что один маленький текстовый файл не вызывает больших проблем.

 

Начало:

 

Продолжение:

Exit mobile version