У вас есть идея, и вы знаете, что вам нужен сайт, чтобы реализовать ее. Вы взволнованы, чтобы сделать это, но также волнуетесь, потому что не уверены, как и где начать. Мы все были там в какой-то момент, поэтому мы создали список запуска сайта, чтобы помочь вам перейти от идеи к запуску сайта без помех. После того, как вы завершите этот список, у вас будет сайт, готовый к публикации.
Это может выглядеть как много информации и дел, но все эти элементы легко выполнить, даже если вы не технически подкованы, поэтому давайте начнем.
Выберите домен
Затем введите описательные слова, на которых вы хотели бы основать свое доменное имя.
Для нашего примера мы выбрали Milly’s Murals. WordPress.com предложит несколько подходящих свободных доменных имен. Все профессиональные доменные имена бесплатны в течение первого года, или вы можете выбрать бесплатный поддомен WordPress.com.
3. Выберите дизайн
Теперь вы готовы выбрать дизайн. Не волнуйтесь, какой бы темы вы не выбрали, вы всегда можете выбрать другую позже.
И вот, вы готовы начать добавлять контент на свой сайт. Давайте добавим несколько страниц!
4. Добавьте основные страницы
Хотя каждый сайт уникален, есть несколько общих страниц практически у всех. Посетители обычно ожидают увидеть эти 5 страниц:
- Главная страница
- О странице
- Контактная страница
- Страницы продуктов / услуг
- Блог (необязательно)
Логично начать с обновления главной страницы, которую WordPress.com предоставил вам по умолчанию. Итак, давайте начнем с этого.
Замените текст и изображения на те, которые имеют смысл для вас.
Затем добавьте больше страниц. WordPress.com упрощает это, предлагая шаблоны страниц, которые можно добавить всего одним щелчком мыши, а затем отредактировать и настроить, чтобы сделать его полностью вашим. Конечно, вы не обязаны выбирать один из образцовых шаблонов. Вы также можете начать с пустой страницы, если хотите.
Как только вы добавили свои страницы и настроили их по своему вкусу, пришло время сосредоточиться на поддерживающих элементах вашего сайта.
5. Проверьте свой заголовок
Убедитесь, что ваш заголовок содержит все, что посетитель должен сразу увидеть.
- Логотип – самый важный элемент вашего заголовка. Он должен быть виден на каждой странице и во всех разделах, таких как навигационное меню, подвал и боковая панель. Если вам нужен созданный логотип, наш логотип-мейкер может помочь.
- Название вашего сайта, если оно не отображается в логотипе, – важный брендинговый элемент вашего сайта.
- Теговая строка помогает посетителям быстро определить, о чем ваш сайт.
- Вы также можете включить контактную информацию, такую как ваш номер телефона и адрес электронной почты.
- Включение ссылок на социальные сети в ваш заголовок помогает посетителям следить за вами на разных платформах, чтобы они могли оставаться в курсе новых сообщений с вашего блога или новостей о мероприятиях, организуемых вашим бизнесом. Мы обсудим ссылки на социальные сети позже.
- Навигационное меню в вашем заголовке – это важно. Мы обсудим это подробнее позже.
Существует несколько возможных способов редактирования вашего заголовка, включая:
- Настройка на классических темах
- Плагины
- Редактор сайта на блочных темах
Комплексное руководство по редактированию заголовка на вашем сайте WordPress можно найти здесь.
И найдите еще советы по проектированию эффективного заголовка сайта WordPress здесь.
6. Проверьте свой подвал
Посетители привыкли находить определенную информацию и ссылки в нижней части сайтов. Не разочаровывайте их. Вы захотите включить ссылки на вашу политику конфиденциальности и условия обслуживания. Если у вас есть какие-либо другие ссылки, которые важно, чтобы посетители могли найти, например, профили социальных сетей или страница О нас, вы также должны добавить их в подвал. Вы найдете множество стилей подвала в Интернете, но WordPress.com является хорошим примером.
Узнайте, как настроить свой подвал WordPress.
7. Оптимизируйте свои меню навигации
Конечно, ваши меню навигации должны быть в центре ваших планов перед запуском. Правильная навигация крайне важна для пользовательского опыта, так что уделите этому некоторое время.
Ваше меню навигации должно быть видимым на всех страницах, и оно должно быть логически структурированным. Меню также должно быть легким в использовании и последовательным на всем вашем сайте.
Чтобы убедиться, что ваши варианты навигации максимально просты и понятны, вы захотите убедиться, что они находятся в одном и том же месте на каждой странице вашего веб-сайта. Это гарантирует, что посетители не будут запутываться или разочаровываться, если не увидят их там.
Сами элементы должны быть простыми для понимания посетителями. Назовите каждую ссылку после ее назначения, чтобы не было никаких сомнений относительно того, куда она ведет, когда кто-то на нее щелкает.
Получайте больше советов по как добавить полезные, хорошо спроектированные меню навигации WordPress здесь.
8. Включите ссылки на социальные сети
Ссылки на социальные сети являются важной частью вашего сайта. Посетитель должен легко найти и связаться с вами на тех платформах, где они проводят большую часть своего времени. Общими платформами являются:
Если вы поддерживаете присутствие на этих или других социальных платформах, включите ссылку на свой профиль здесь.
Также важно иметь ссылку на сайт в биографии ваших социальных сетей, чтобы люди могли легко найти вас, если им нужна дополнительная информация о вас или вашем бизнесе.
Блок Социальные иконки в WordPress.com делает это очень простым. Вот быстрый учебник, чтобы добавить его на ваш сайт.
Блок социальных иконок выглядит так при первом добавлении на ваш сайт.
Нажмите значок плюса, чтобы найти и выбрать социальные платформы для добавления на ваш сайт.
После добавления платформы ее иконка по умолчанию появляется в списке.
Пример иконок Facebook, Twitter и Pinterest
Вы можете настроить фон и цвета иконок.
Иконки в форме таблетки
Опция только иконки
После того, как вы выбрали платформы, добавьте свою ссылку на профиль к каждой из иконок.
9. Протестируйте свои формы
У большинства людей есть хотя бы одна форма на их сайте, обычно форма контакта. Заполните ее тестовыми данными и проверьте следующее:
- Она работает как задумано без ошибок
- Вы не забыли запросить важную информацию, такую как имя, адрес электронной почты и т. д.
- Детали формы успешно доставлены на соответствующие адреса электронной почты.
- Все введенные данные включены в полученное письмо
10. Проверьте отзывчивость
Посетите страницы вашего сайта на различных устройствах, включая настольные компьютеры, планшеты и мобильные устройства. Ваш сайт должен реагировать и адаптировать свой макет в зависимости от используемого экрана.
Не забывайте также тестировать на как можно большем количестве разных браузеров. Это включает Firefox, Google Chrome и Safari для пользователей Mac.
Щелкните здесь для получения дополнительной информации о создании отзывчивых мобильных сайтов.
11. Ищите сломанные ссылки и сломанные изображения
Посетите свой сайт из браузера, который никогда не использовался для просмотра сайта, чтобы вы могли быть уверены, что ваш браузер не загружает изображения из его кэша. Если ваш браузер показывает вам изображение из его кэша, но изображение больше не существует на веб-странице, вы не узнаете, что оно отсутствует. Однако пользователи, посещающие страницу в первый раз или из нового браузера, не увидят изображение. Вместо этого они, вероятно, увидят сломанное изображение, которое часто выглядит примерно так:
Сломанными изображениями являются те, у которых отсутствуют имена файлов или ссылки на их местоположение на веб-сайте (например, пути), что может привести к ошибке при запросе браузером, вызывая серьезные проблемы, такие как:
- Браузеры, пытающиеся загрузить несуществующие файлы с вашего жесткого диска, потребляют системные ресурсы и заставляют страницы загружаться медленнее. Это может привести к плохой производительности на мобильных устройствах или снижению производительности в целом из-за увеличения использования ЦП каждым запросом, отправляемым вашим браузером
- Контент появляется там, где он не должен быть из-за отсутствия изображений
Затем щелкните по всем ссылкам на ваших страницах, чтобы убедиться, что они не ведут на страницу 404 Not Found. Исправьте все неправильные URL-адреса ссылок, которые вы найдете.
12. Проверьте скорость вашего сайта
Никто не любит медленный сайт! Не уверены, насколько быстро загружается ваш сайт? Проверьте его на GTMetrix или других сайтах тестирования скорости. Каждый сайт использует разные методы для тестирования, поэтому выберите один и придерживайтесь его. В противном случае вы будете сравнивать яблоки с апельсинами.
К счастью, WordPress.com уже оптимизирован для обслуживания быстрых сайтов по умолчанию. Но если вы хотите еще больше повысить производительность, просто следуйте нашему руководству по улучшению скорости сайта всего за одно послеполуденное время. Вы сделаете посетителей счастливыми, и поисковые системы также будут смотреть более благосклонно на ваш сайт.
13. Проверьте безопасность вашего сайта
Убедитесь, что вы используете надежные пароли для входа, уникальные имена пользователей и другие bewt практики для защиты вашего сайта, такие как двухфакторная аутентификация.
WordPress.com – это управляемый сервис хостинга, который серьезно относится к безопасности вашего сайта. Многие аспекты обрабатываются WordPress.com, поэтому вам не нужно беспокоиться. Узнайте, как WordPress.com защищает сайты от распространенных проблем безопасности.
Если вы не являетесь пользователем WordPress.com, вы всегда можете проверить состояние своего сайта, используя инструмент Site Health, находящийся в разделе Инструменты в вашем административном разделе. Следуйте любым рекомендациям, которые предлагает инструмент, чтобы решить потенциальные проблемы безопасности.
14. Включите Google Analytics
С момента запуска вашего сайта вы захотите знать детали, такие как:
- Сколько людей посещает мой сайт?
- Какие страницы они просматривают чаще всего?
- Как они нашли сайт?
- Берут ли они те меры, которые я хотел бы, чтобы они принимали?
WordPress.com предоставляет графики, диаграммы и данные о том, сколько посещений получает ваш сайт, какие сообщения и страницы наиболее популярны и многое другое. Если вы хотите получить более подробную информацию для улучшения встроенной статистики, легко добавить Google Analytics на любой подходящий план. Просто перейдите на Инструменты > Маркетинг > Трафик, чтобы включить Google Analytics. Если вы не являетесь пользователем WordPress.com, вам следует установить плагин, чтобы установить связь.
Посмотрите все подробности о том, как добавить Google Analytics на свой сайт.
15. При желании установите Google Search Console
Google Search Console добавляет дополнительные данные, выходящие за рамки того, что предоставляет Google Analytics. Например, GSC позволяет:
- Мониторить, какие поисковые запросы приводят трафик на ваши страницы
- Устранять проблемы, когда ваши страницы теряют рейтинги или не индексируются
- Получать сообщения от Google о производительности вашего сайта в поиске
- Подтвердить ваш веб-сайт
- Добавить карту сайта на ваш сайт
Узнайте больше о преимуществах Google Search Console здесь.
16. Проверьте все свои копии
Опечатки достаточно неприятны, но некоторые могут стоить дорого. В 2019 году Amazon сделал опечатку в цене на некоторые дорогостоящие камеры, продавая оборудование стоимостью $13 000 всего за $100. Даже если ваша опечатка – это всего лишь простое орфографическое ошибки, ваша репутация может пострадать.
Теперь пришло время убедиться, что ваш текст написан правильно.
- Читайте вслух: это может быть одним из наиболее эффективных способов обнаружения ошибок в вашей работе! Когда вы читаете вслух, вы склонны замечать вещи, которые звучат неловко или просто неправильно, чем если бы вы просто читали молча то, что уже написали.
- Попросите кого-то другого проверить: если это возможно, попросите друга или члена семьи, который достаточно хорошо знает английский, дать вам некоторую конструктивную критику о том, насколько ясно было ваше сообщение. Даже если они сами не являются носителями английского языка, они все равно могут дать полезные советы.
- Используйте проверку орфографии и/или проверку грамматики: если есть конкретные слова или фразы, которые могут вызвать путаницу, не будучи полностью понятыми всеми, кто их читает (например, «затем» против «чем»), то использование таких инструментов поможет обнаружить эти ошибки до публикации. Grammarly и Hemingway – это две популярные бесплатные или платные программы, которые помогут вам проверить копию вашего веб-сайта.
17. Убедитесь, что у всех авторов есть учетная запись пользователя
У вас есть несколько авторов, пишущих статьи на вашем сайте? Если да, то вы повысите авторитет и доверие, если каждый автор будет иметь свой собственный профиль пользователя. Конечно, вы можете просто написать Автор: Джейн Доу вверху статьи, но настоящий профиль пользователя вызывает больше доверия. Кроме того, посетители могут нажать на имя профиля, чтобы просмотреть все контент, написанный на вашем сайте этим автором. Текстовое имя не обеспечит этого для вас. Просто перейдите на Пользователи > Добавить новое, чтобы добавить пользователя для каждого автора на вашем сайте.
WordPress использует роли для определения того, что может делать каждый тип пользователя. Эти роли включают администраторов, редакторов, авторов, участников и подписчиков. Смотрите наш руководство по управлению пользователями и ролями WordPress, чтобы помочь вам определить, какую роль вы должны назначить каждому пользователю.
18. Проверьте профиль Gravatar для каждого автора
Попросите ваших авторов полностью заполнить свои профили Gravatar. В каждом профиле пользователя может отображаться аватар изображения пользователя из Gravatar.
Что такое Gravatar?
«Аватар» – это изображение, которое представляет вас онлайн – небольшая картинка, которая появляется рядом с вашим именем, когда вы взаимодействуете с веб-сайтами.
Gravatar – это глобально распознаваемый аватар. Вы загружаете изображение и создаете свой публичный профиль только один раз, а затем, когда вы участвуете в любом сайте, поддерживающем Gravatar, ваше изображение Gravatar и публичный профиль будут автоматически следовать за вами туда.
Знаете ли вы, что WordPress может не только импортировать изображение аватара автора в карточку автора, но также и другую информацию профиля Gravatar? Не все темы или плагины авторов используют дополнительные поля Gravatar, но когда они это делают, удобно, чтобы ваши авторы заполняли эту информацию. Например, если вы проверите мой авторский профиль внизу этой статьи, вы увидите мою фотографию, мое имя и одно предложение описания / биографии обо мне. Это выглядит так:
Изображение и описательное предложение динамически извлекаются непосредственно из моего профиля Gravatar. Каждая статья, написанная пользователем на вашем сайте, будет использовать ту же информацию. Эта однородность придает авторам на вашем сайте достоверность.
19. Убедитесь, что у вас есть резервное копирование
Резервные копии чрезвычайно важны. Когда что-то идет не так, например, когда сайт потерял все свои данные, вы можете восстановить сайт обратно на последнюю хорошую версию из недавней резервной копии. Резервные копии должны быть автоматически запланированы, чтобы не забыть их создать.
Пользователи WordPress.com могут спокойно знать, что их сайт регулярно резервируется, благодаря встроенной интеграции Jetpack. Все остальные должны рассмотреть возможность использования Резервное копирование Jetpack или любого другого доступного плагина для резервного копирования.
20. Оптимизируйте заголовки страниц и мета-описания
Результаты поиска, такие как Google, обычно включают заголовок страницы и описание. Заголовок ссылается на веб-страницу, содержащую информацию, связанную с этим результатом, а описание дает немного больше информации о содержании страницы. Оба могут побудить пользователей выбрать именно тот результат, на который они хотят перейти.
Ваш тег заголовка – это первое, что увидят пользователи в результатах поиска, поэтому важно сделать его максимально актуальным. Лучший способ сделать это – убедиться, что ваши заголовки находятся между 60 и 70 символами, включают вашу целевую ключевую фразу где-то (если это соответствует действительности), и не включают ненужных дополнительных слов или фраз. Это поможет сохранить их читаемыми, сохраняя при этом возможность заметить их Google или Bing.
Заголовок страницы, указанный в результатах поиска, обычно совпадает с заголовком страницы веб-страницы (также известным как метатег заголовка) и является одним из самых важных факторов SEO на странице.
Вы, возможно, уже слышали термин «мета-описание», но что это за фигня? Мета-описание – это короткий текст, который появляется в вашем списке поиска. И хотя мета-описание не имеет прямой SEO-ценности, оно также полезно, как и тег заголовка, для того, чтобы привлечь пользователей к нажатию на страницу веб-сайта из результатов поиска. Мета-описания должны быть от 150 до 160 символов в длину и написаны таким образом, чтобы они были понятны с первого взгляда, но достаточно привлекательны, чтобы читатели перешли на ваш веб-сайт.
WordPress по умолчанию использует название вашей страницы или сообщения в качестве тега заголовка, но вам может не всегда нужно, чтобы это было так. Хотя WordPress не включает способ непосредственно изменять тег заголовка или мета-описание ваших страниц и сообщений, существует множество плагинов, которые помогут вам выполнить эту задачу. Плагины SEO, в частности, такие как Yoast SEO, Rank Math и другие, позволяют легко изменять тег заголовка и мета-описание любой страницы или сообщения. Мы охватываем детали о том, как использовать Yoast, чтобы добавить, отредактировать и оптимизировать теги заголовков здесь и почему важно проверить этот критический фактор.
21. Проверьте структуру URL и убедитесь, что она хорошо оптимизирована для SEO
WordPress назначает постоянный, уникальный URL для каждой страницы и поста на вашем сайте. Они называются Постоянные ссылки, и у вас есть некоторый контроль над их структурой. Поисковые системы могут использовать слова, которые они находят в URL-адресах, как подсказки, чтобы помочь им определить тему и содержание на странице. Хотя WordPress по умолчанию использует структуру постоянных ссылок вида example.com/?p=123, рекомендуется выбрать более SEO и пользовательский формат.
Например, пользователь легче запомнит и поймет тему example.com/contact-us или example.com/?p=83727? Поисковые системы также лучше поймут тему страницы с помощью последней.
Просто перейдите в Настройки > Постоянные ссылки, чтобы выбрать другую структуру URL. Название поста – популярный выбор, но другие могут быть более подходящими для разных случаев использования.
Рекомендуется сделать это только один раз и принять это решение до запуска сайта. Хотя вы можете изменить его позже, это может привести к множеству неисправных ссылок по всему вебу, которые используют старые ссылки.
Узнайте больше и получите советы по настройке структуры постоянных ссылок здесь.
22. Организуйте категории вашего блога
Если на вашем сайте есть блог, убедитесь, что ваши категории правильно организованы. Лучше всего спланировать структуру категорий заранее, использовать последовательную систему и организовать свой контент в соответствии с категориями, подходящими для нужд вашей аудитории. Организация контента по категориям помогает пользователям находить похожие записи, легче навигировать и сужать свои поиски.
Узнайте больше о выборе ваших категорий здесь.
23. Представьте URL-адрес вашей XML-карты сайта в Google Search Console
XML-карты сайта – это специально отформатированные файлы, которые перечисляют каждый пост и страницу, которую вы хотите проиндексировать поисковыми системами, такими как Google. Это позволяет поисковым системам быстро находить, анализировать и ранжировать страницы и посты вашего сайта, когда пользователи ищут информацию.
Чтобы воспользоваться этой функцией, вам нужно сначала сгенерировать карту сайта, а затем представить ее в Google Search Console. Хотя вы можете создать карту сайта вручную, намного проще и точнее дать инструменту создать ее динамически.
Пользователи WordPress.com и Jetpack могут перейти в Инструменты > Маркетинг > Трафик, чтобы включить генератор карт Jetpack, который создаст карту сайта с URL-адресом в виде yourdomain/sitemap.xml. Затем просто предоставьте URL-адрес вашей карты сайта в Google Search Console. Этого достаточно, чтобы предоставить эту информацию Google.
Если вы не являетесь пользователем WordPress.com или Jetpack, лучшим вариантом для вас будет установить плагин SEO, который создаст карту сайта для вас. Затем отправьте URL-адрес, который предоставляет этот плагин, в Google Search Console.
Готовы к запуску!
Это момент, на который вы ждали: вы готовы запустить свой сайт на WordPress.
Полагайтесь на экспертов, которые запустили тысячи сайтов. Мы разбили все на простые шаги.
С этим списком вы можете в относительно короткое время превратить свою идею из простой мысли в полностью запущенный сайт.
Получите список задач
Мы включили три способа получить свой собственный список задач:
- Список задач для загрузки (PDF)
- Интерактивный список задач в Google Doc
- Версия, которую можно просто скопировать и вставить
Так что выберите свой вариант и…
Превратите свою идею в реальность прямо сегодня!
1. Загрузите список задач для запуска сайта (PDF)
wordpress-website-launch-checklistЗагрузить
2. Получите свой собственный список задач для запуска сайта (Google Doc)
3. Скопируйте и вставьте список задач ниже
□ Выберите план
□ Выберите домен
□ Выберите дизайн
□ Добавьте основные страницы
□ Проверьте ваш заголовок
□ Проверьте ваш нижний колонтитул
□ Оптимизируйте ваше меню навигации
□ Включите ваши ссылки на социальные сети
□ Проверьте ваши формы
□ Проверьте отзывчивость
□ Ищите неисправные ссылки и изображения
□ Проверьте скорость вашего сайта
□ Проверьте безопасность вашего сайта
□ Включите Google Analytics
□ По желанию установите Google Search Console
□ Перепроверьте весь ваш текст
□ Обеспечьте наличие учетных записей пользователей для всех авторов
□ Проверьте профиль Gravatar для каждого автора
□ Обеспечьте наличие резервного решения
□ Оптимизируйте заголовки страниц и метаописания
□ Проверьте структуру URL и убедитесь, что она хорошо оптимизирована для SEO
□ Организуйте категории вашего блога
□ Представьте URL-адрес вашей XML-карты сайта в Google Search Console
□ Запустите сайт!