Подготовьтесь к запуску своего веб-сайта: не забудьте эти 10 вещей!

Что вам еще нужно сделать со своим сайтом перед его запуском?

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

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

1. Гугл Аналитика
2. Консоль поиска Google
3. Cloudflare для безопасности и скорости
4. SSL-сертификат для безопасности и доверия посетителей
5. Кэширование для повышения производительности
6. Оптимизация и сжатие изображений
7. Минимизация скрипта
8. Проверка битых ссылок
9. Каноническая проверка ссылок
10. Резервное копирование

Поясним каждый пункт более подробно:

1. Google Analytics для мониторинга трафика на вашем сайте.

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

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

Без аналитического решения вы даже не знаете, дадут ли результаты ваши усилия по SEO

Одним из самых популярных и простых в установке решений является Google Analytics – и оно бесплатное!

2. Консоль поиска Google (ранее Инструменты для веб-мастеров)

Консоль поиска Google позволяет вам измерить эффективность вашей поисковой системы Google.

Если Google Analytics сообщает вам, что происходит с посетителями вашего сайта, консоль поиска Google (ранее Инструменты для веб-мастеров) сообщает вам, какое место ваш сайт занимает в Google с точки зрения поисковых запросов. Он сообщает вам, сколько страниц вашего сайта проиндексировал Google, по каким словам посетители вас находят, как часто вы появляетесь в результатах и ​​какие страницы вашего сайта наиболее популярны с точки зрения органического трафика.

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

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

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

Консоль поиска Google также можно связать с Google Analytics, чтобы просматривать более подробные отчеты прямо в анализа трафика .

Консоль поиска Google — очень ценный инструмент, и я рекомендую вам им воспользоваться.

3. Cloudflare для скорости и безопасности

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

Вы можете активировать Cloudflare на своем сайте бесплатно, без каких-либо изменений сайта, непосредственно на уровне DNS . Как только вы активируете его (это занимает около 10 минут), Cloudflare возьмет на себя зону DNS и DNS-запросы.

Взамен вы получаете:

• Защита: поскольку зона DNS будет контролироваться Cloudflare, IP-адрес вашего сайта будет скрыт, и никто не сможет узнать адрес вашего сервера. Ваш сайт будет работать без сбоев, поскольку Cloudflare направляет трафик на сервер, не раскрывая его личность, и поэтому боты и злоумышленники вместо этого увидят адрес Cloudflare. Таким образом, он защищает вас от определенных атак, нацеленных непосредственно на сервер. Cloudflare также защищает вас от DDoS-атак (тип атаки, которая перегружает сервер, отправляя тысячи запросов в секунду).
• Скорость: Cloudflare предлагает бесплатное кэширование вашего статического контента (изображений, HTML, CSS, кода Javascript) непосредственно в своей сети распространения (CDN). Это означает, что вы увидите значительную экономию пропускной способности — поскольку ваши изображения и другой статический контент находятся на серверах Cloudflare во многих регионах планеты, ваши посетители смогут получить доступ к этим ресурсам намного быстрее с близкого к ним сервера и вашего сервера. будет свободен и расслаблен. На момент написания этой статьи у меня было более 50 веб-сайтов на Cloudflare, и на большинстве из них экономия трафика составляла 50 % и более. Я управляю многими сайтами электронной коммерции, и на всех из них есть тысячи изображений продуктов. Экономия полосы пропускания огромна!
• Безопасность: Cloudflare предлагает бесплатный SSL-сертификат для всего домена, который обновляется автоматически. Все, что вам нужно сделать, это активировать его в интерфейсе администратора и вуаля! Доступ к вашему сайту возможен по https://. Почему это хорошо? Во-первых, ваши посетители будут более уверены в том, что доступ к вашему сайту осуществляется через безопасное соединение. Затем, с 2017 года, Google заявил, что будет придавать безопасным сайтам больший вес в результатах, а с 2018 года даже отображает в браузере Chrome рядом с сайтами без SSL метку: незащищенный сайт. Так что, будучи свободным, вам даже не придется об этом думать! Вам даже не нужно ничего устанавливать на свой сервер!

4. SSL-сертификат для безопасности (вашего сайта)

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

В 2019 году больше никаких оправданий отсутствию SSL! А если вы не переходите на Cloudflare, вы можете получить бесплатный сертификат SSL у большинства хостинговых компаний, использующих бесплатные сертификаты от Let's Encrypt. Вы можете установить их несколькими щелчками мыши со своего хоста или, например, если вы используете Windows, вы можете загрузить небольшое программное обеспечение , которое легко его установит.

Конечно, никто не мешает вам купить SSL-сертификат у авторизованного реселлера (например, GoDaddy и т. д.) и установить его.

После настройки SSL не забудьте перенаправить все страницы с версией http:// на безопасную версию https://. Обычно это достигается путем добавления правил перенаправления на вашем сервере или, если вы используете Cloudflare, установите флажок « Всегда использовать https » в «Крипто в интерфейсе Cloudflare.

5. Кеширование для скорости сайта

Вы можете облегчить нагрузку на свой сервер, воспользовавшись преимуществами кэширования. Если ваш сайт создан на WordPress, вы можете установить множество модулей кэширования, которые помогут сэкономить ресурсы ЦП (Total Cache, WP Rocket и т. д.), сохранить в базе данных множество запросов и т. д.

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

Это основной принцип, и в зависимости от того, насколько сложны ваши страницы, сайт может выглядеть летающим!

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

6. Оптимизация и сжатие изображений.

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

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

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

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

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

Ниже вы увидите разницу в размере файла при изменении сжатия изображения (качества) от 90 (по умолчанию) до 70, а затем до 50.

Хотя размер картинки на продуктах был очень мал, значение 50 приводило к получению изображения слишком низкого визуального качества, поэтому я увеличил его до 70. Но даже при качестве 70 полоса пропускания, потребляемая изображениями, упала почти вдвое! Если умножить это на тысячи продуктов, экономия и разница во времени загрузки страниц огромны.

Как вы можете видеть ниже, при достижении качества 70 размер изображения резко увеличивается. А при повышении качества с 50 до 90 размер файла изображения увеличивается более чем вдвое!

7. Минимизация для уменьшения размера скрипта

Минимизация — это процесс уменьшения размера файлов сценариев (Javascript, таблиц стилей CSS), необходимых вашему веб-сайту, чтобы они загружались быстрее.

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

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

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

Сворачивание скриптов повышает оценку, когда такие тесты, как Google Page Speed, GTMetrix или YSlow, анализируют ваш сайт. Google также использует скорость загрузки сайта при определении того, насколько хорошо ваш сайт должен ранжироваться на страницах результатов поиска. Сайт, который быстро загружается, хорошо виден Google и ваши посетители будут в восторге.

Вот пример настройки Cloudflare, которая автоматически сворачивает статические файлы на вашем сайте:

8. Проверьте наличие битых ссылок

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

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

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

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

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

Мои любимые инструменты для проверки битых ссылок:

• Xenu Link Sleuth – бесплатная программа для Windows, которая проверит любую ссылку на вашем сайте – не только страницы, но и изображения, фреймы, плагины, фоны, таблицы стилей и так далее. Он генерирует отчеты в реальном времени по мере сканирования, и в конце вы можете сохранить отчет или отправить его по электронной почте. Он также работает на сайтах, защищенных https. Программа очень маленькая и работает на всех версиях Windows начиная с 95.
• Screaming Frog – онлайн-инструмент, который предлагает больше, чем просто проверку неработающих ссылок. Бесплатная версия сканирует до 500 URL-адресов (этого может быть даже достаточно, если у вас нет большого веб-сайта). Он также поможет вам с некоторыми советами и инструментами по поисковой оптимизации, такими как выявление дублированного контента, анализ метатегов и тегов заголовков, создание XML-карт сайта и многое другое.

Вот пример отчета, созданного с помощью Xenu Link Sleuth:

9. Проверьте канонические URL-адреса

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

Например, предположим, что у вас есть страница контактов, доступная по следующему адресу:

http://www.mysiteexample.com/contact

И та же страница:

http://mysiteexample.com/contact

Вы можете сказать: но это же адрес! Это та же страница!

Да, это действительно одна и та же страница, но вы можете получить к ней доступ как в доменной версии с «www», так и без «www». Для Google это дубликат страницы. «WWW» — это всего лишь субдомен, который считается другим адресом.

Если вы не сообщите Google, какая именно версия ваших страниц является предпочтительной (канонической или официальной), Google выберет сам, считая одну «канонической» и игнорируя другую, или, что еще хуже, считая обе одинаково важными. В этом случае «ценность» SEO, которую получит каноническая страница, делится на две части — по одной стороне для каждой версии. Это приводит к снижению важности страницы из-за различных ссылок, в результате чего ваши страницы конкурируют друг с другом.

Здесь пригодится «каноническая» ссылка — даже если на вашем сайте есть несколько страниц с одинаковым содержанием, доступных по разным URL-адресам, вы можете указать это в раздел страниц, какую версию вы предпочитаете («каноническую» версию), например:

<link rel=”canonical” href=”http://mysiteexample.com/contact” />

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

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

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

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

10. Резервное копирование веб-сайта

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

Вот почему рекомендуется иметь резервную копию перед запуском сайта. Хорошо иметь это прямо на этапе сборки.

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

Все равно неплохо иметь где-нибудь собственную копию. Вы можете создать резервную копию своего сайта через FTP или с помощью различных инструментов резервного копирования, таких как Syncback SE или Syncback Pro (которые я годами использовал во всех своих проектах).

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

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

ManageWP — услуга для профессионалов с несколькими сайтами, которая также имеет другие функции, такие как централизованное управление обновлениями, комментариями, установкой модулей и многое другое.

Еще одно решение для резервного копирования, которое я использую, — это автоматическое резервное копирование на Amazon S3 (для этого вы можете использовать Syncback) или на другой FTP-сервер. Существует множество плагинов для WordPress, которые создают резервную копию вашего сайта в таких сервисах, как Dropbox, Google Drive, OneDrive и т. д.

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

Лично я предпочитаю резервное копирование на Amazon S3 с помощью Syncback Pro. Я могу настроить резервное копирование для ежедневного дифференцированного запуска (резервное копирование выполняется только для изменений, а не для всего сайта). А если это очень важный сайт и я хочу иметь возможность вернуться к более старым версиям, я могу настроить 7 резервных копий — по одной на каждый день недели. В этом варианте, если произойдет что-то нежелательное, и я не сразу это осознаю (возможно, сайт был заражен, а я не заметил, а в резервной копии еще и хранился вредоносный скрипт), я могу вернуться на несколько дней назад.

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

Бонус: настройте подписку на рассылку новостей.

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

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

Если вы начнете создавать список адресов электронной почты сейчас, вы постепенно создадите СВОЮ аудиторию – людей, которые интересуются ВАШИМ контентом, ВАШИМИ обновлениями и тем, что ВЫ можете предложить. Личный контакт с фанатами очень эффективен.

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

Быстрый способ начать создавать список адресов электронной почты — зарегистрироваться в службе электронной почты или ESP ( поставщик услуг электронной почты ) (некоторые из них бесплатные, некоторые платные), ввести форму подписки на веб-сайте и вуаля!

Заключение

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

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