- Складіть розклад запуску сайту
- зміст
- Частина 1. Що повинні зробити розробники і дизайнери
- 1.1 Переконайтеся, що всі URL сайту доступні і нормально функціонують
- 1.2 Перевірте швидкість завантаження сайту
- 1.3 Переконайтеся, що сторінка з 404 помилкою налаштована коректно
- 1.4 Перевірте, що сайт коректно адаптований до мобільних дозволами
- 1.5 Html-код сайту і CSS повинні бути валідними
- Частина 2. Що повинні зробити SEO-фахівці
- 2.1 Перевірте, чи не проблем з індексацією
- 2.2 На сайті не повинно бути дублів
- 2.3 Перевірте, що всі URL сайту доброзичливі для пошукових систем
- 2.4 Зареєструйте сайт в сервісах пошукових систем для вебмайстрів
- 2.5 Виконайте кластеризацию ключових слів вашого сайту
- 2.6 Оптимізуйте мета-теги і контент
- 2.7 Використовуйте мікророзмітки
- 2.8 Перевірте UX
Запуск нового сайту - це завжди хвилююче. Ви наполегливо працювали над сліпучим дизайном, приголомшливим контентом і видатним призначеним для користувача інтерфейсом. Безумовно, вам не терпиться показати своє творіння всьому світу.
Чому ж так важливо протестувати ваш чудовий сайт перед публікацією? Хоча б для того, щоб не сталося цього:
або цього:
і навіть ЦЬОГО:
Сподіваюся, я не сильно вас налякав. До того ж, веб-майстру можна легко уникнути всіх цих проблем, якщо слідувати багаторазово випробуваного алгоритму. Не хвилюйтеся - в цій статті я поясню його ключові моменти і вже ніщо не зможе перешкодити вашому сайту бути в хорошій формі, коли ви будете вперше відкривати його для індексації.
Складіть розклад запуску сайту
Робота без плану, але з дедлайном - вкрай небезпечна штука. З одного боку, створюється ілюзія, що все буде зроблено до наміченої дати. З іншого, вам часто доводиться займатися незапланованими завданнями - тому прямо перед запуском сайту ситуація стає максимально стресовій: в результаті, ви нервуєте, стаєте неуважні до дрібних деталей і не помічаєте якісь справді важливих речей.
Крім того, зазвичай над одним сайтом працює велика команда: дизайнери, розробники, seo-фахівці, тестувальники, копірайтери і керівник проекту. У кожного працівника є свої завдання, цілі та дедлайни. Тому, детальний план, в якому будуть визначені всі ролі і зони відповідальності для кожного члена команди - це мастхев.
зміст
Для зручності, я вирішив згрупувати всі пункти нашого чекліст на категорії, в залежності від команди / фахівця, відповідального за завдання. Тому, можете спокійно перейти до найцікавішої для вас частини. Але, звичайно, краще прочитати все від початку і до кінця.
Частина 1. Що повинні зробити розробники і дизайнери
1.1 Переконайтеся, що всі URL сайту доступні і нормально функціонують
Досить часто сайти створюються в development-оточенні, де все може бути протестовано безліч разів. Коли сайт стає повністю функціональним і заповненим контентом - час переносити його в продакшн. Ось цей етап дуже часто проходить не так гладко, як хотілося б і саме на ньому з'являються некоректні посилання.
Якщо у вас невеликий корпоративний сайт з дюжиною сторінок, то можна перевірити URL і посилання вручну, одну за одною. Якщо ж ми говоримо про великий проект, який нараховує сотні і тисячі сторінок, то тут необхідна автоматична
перевірка.
В ході перевірки URL і посилань основну увагу слід приділити ресурсів, які віддають код відповіді, відмінний від 200 ОК:
- 4xx коди відповіді;
- 5xx коди відповіді;
- Сторінки з 302 кодом редиректу;
- биті посилання
Після того, як список з таких URL під питанням буде готовий, необхідно привести їх у порядок разом з усією командою.
1.2 Перевірте швидкість завантаження сайту
Ви знали, що в ході внутрішніх тестів в Google, було виявлено, що збільшення швидкості завантаження сторінки на 0,5 секунди призвело до падіння трафіку на 20 відсотків? Сьогодні сторінках сайту непростимо завантажуватися протягом 1-2 хвилин, одна з головних задач вебмастера якраз полягає в тому, щоб максимально швидко доставити контент користувачеві. До того ж, швидкість завантаження сторінки є офіційним чинником ранжирування Google, і я готовий посперечатися, що ваші конкуренти вже працюють над тим, щоб випередити вас за цим показником.
Найпростіше оптимізувати швидкість завантаження сайту за допомогою інструменту від Google - PageSpeed Insights.
1.3 Переконайтеся, що сторінка з 404 помилкою налаштована коректно
Уявіть, що користувач зайшов на ваш сайт, але не зовсім - він допустив помилку в адресі сторінки або перейшов по свідомо некоректної посиланню з іншого сайту. Останнє, що ви хочете, щоб побачив відвідувач - це таке негарне повідомлення про помилку:
Щоб не допустити цього, переконайтеся, що ви налаштували 404-сторінку сайту, і вона виконана в загальному з сайтом дизайні, з неї проставлені посилання на основні розділи проекту.
1.4 Перевірте, що сайт коректно адаптований до мобільних дозволами
Думаю, ніхто не буде сперечатися, що ми живемо в епоху мобільних пристроїв. Тому питання про необхідність адаптації відпадає сам собою. Перевірити, наскільки коректно сайт відображається на смартфонах і планшетах можна за допомогою офіційних інструментів Google (Mobile Usability Report в Search Console).
Можливо, вам слід задуматися про впровадження AMP (Accelerated Mobile Page - прискорені мобільні сторінки). Цей формат дозволить вашому сайту завантажуватися супер-швидко на смартфонах. Не слід зупинятися лише на технічній адаптації. Мобільний трафік принесе вам більше користі, якщо ви заздалегідь прорахувати головні потреби користувача, який зайшов на сайт з телефону або планшета.
Як відбувається оформлення замовлення на мобільній версії? Ви дійсно хочете, щоб, наприклад, пости з блогу займали весь простір на головній сторінці? Чи можна зручно відправляти e-mail безпосередньо з сайту? Ось самі базові принципи мобільного оптимізації:
- розташовуйте заклики до дії на початку та по центру;
- робіть меню коротким і зручним;
- спростите структуру меню;
- не змушуйте користувача зуміть сторінку;
- зображення продукту повинні бути розмітки і збільшуються.
Навіть якщо ви виконали всі ці рекомендації, не забудьте уважно протестувати мобільну версію у справі на різних пристроях - завжди знайдеться, що можна поліпшити.
1.5 Html-код сайту і CSS повинні бути валідними
Незважаючи на те, що навіть Google стверджує, що деякі помилки HTML / CSS не заподіють шкоди сайту, я все ж рекомендую перевіряти, наскільки "чистий" ваш код. Зробити це досить просто використовуючи W3C валідатори розмітки і CSS.
Все виправлено? Чудово, тепер саме час зайнятися правильним SEO і зробити так, щоб пошукові системи закохалися в ваш сайт з першої індексації.
Частина 2. Що повинні зробити SEO-фахівці
2.1 Перевірте, чи не проблем з індексацією
Якби ви могли виконати тільки одну SEO-завдання перед запуском сайту, на мій погляд, їй повинна бути ця - перевірити, що роботи пошукових систем мають доступ до ваших сторінок і контенту. Проскануйте сайт будь-яким краулер під user-agent пріоритетних пошукових систем - все сторінки повинні бути доступні і відкриті для індексації, а контент, який "бачать" роботи, повинен відповідати тому, що ви хотіли показати відвідувачам.
2.2 На сайті не повинно бути дублів
З дублюванням контенту стикався кожен SEO-спеціаліст. Однак це настільки підступна проблема, що може з'явитися там, де її зовсім не чекаєш. У будь-якому випадку, не має значення, що стало причиною появи дубля - від цього страждатиме ранжування вашого сайту: розтрачуватися краулінговий бюджет, розпорошуватися контрольний вагу, знижуватися позиції. Щоб уникнути цих неприємностей, слід дотримуватися цих правил:
- визначитеся з основним дзеркалом сайту (з www або без www) .Якщо не зробити цього, то пошукові системи проїндексируют обидві версії сайту, що призведе до дублювання контенту;
- уникайте неунікального контенту. Навіть якщо у вас інтернет-магазин з тисячами карток товарів - не полінуйтеся скласти для кожної унікальне опис. І чим більша частка в цьому описі буде у технічних параметрів, які ідентичні на багатьох сайтах, тим більша частина вашого опису повинна бути повністю унікальною;
- уникайте дублювання мета-тегів. Слід бути особливо уважним з настройками CMS-системи - серед них є такі, які люблять плодити дублі тегів Title і Description десятками. Якщо один і той же контент може бути доступний за різними URL, то вони повинні бути "канонікалізіровани" (за допомогою атрибута rel = "canonical" тега <link>). У цього способу є альтернативи - автоматичне унікалізірованіе тегів таких сторінок, або настройка 301 редиректу.
2.3 Перевірте, що всі URL сайту доброзичливі для пошукових систем
Тут все просто - уникайте динамічних і занадто довгих URL.
2.4 Зареєструйте сайт в сервісах пошукових систем для вебмайстрів
Перед запуском встановіть на сайт коди лічильників відстеження поведінки відвідувачів Яндекс.Метрики і Google Analytics. Ви можете легко забути про цей пункт в подальшому і море корисної інформації не буде отримано.
Налаштуйте цілі в системах аналітики, додайте сайт в Яндекс.Вебмастер і Search Console.
2.5 Виконайте кластеризацию ключових слів вашого сайту
Робота над ключовими словами - основа всієї вашої подальшої роботи над SEO, і ви можете витратити десятки годин на складання і редагування списку пошукових запитів.
Кластеризації запитів найкраще починати з головної і основних посадочних сторінок. Надалі, підібрати ключові слова необхідно для ВСІХ сторінок сайту, за винятком службових.
Навіщо потрібна кластеризация:
- Раціоналізація робіт по on-page оптимізації;
- Допомагає переконатися, що важливі сторінки сайту відповідають необхідним ключовим словом;
- Стане в нагоді копирайтерам і редакторам контенту.
2.6 Оптимізуйте мета-теги і контент
Складання тегів title і description - не самий веселий заняття в житті, але воно швидко дає результат і, на щастя, технічно просте.
При оптимізації тегів не забувайте про три речі: TF-IDF, релевантність по БМ25 і кликабельность у видачі.
2.7 Використовуйте мікророзмітки
Мікророзмітки допомагає пошуковим системам зрозуміти, що означає ваш контент, і представити його користувачам максимально репрезентативно. Використовуючи спеціальну мову мікророзмітки, ви можете більше розказати пошуковим системам про ваш контент.
2.8 Перевірте UX
Пошукові системи прагнуть максимально задовольнити відвідувачів, тому логічно, що вони збирають частину даних про поведінку користувачів, щоб використовувати цю інформацію при ранжируванні.
Так як ви тільки запускаєте сайт, у нього немає ніякої накопиченої інформації про поведінкових чинниках. Головне завдання веб-розробників на цьому етапі - зробити так, щоб сайт швидко завантажувався і добре виглядав на різних пристроях. Це практично половина успіху UX. Не буде зайвим провести тестування або аудит на юзабіліті.
під другій частині нашій статті ми представимо вам чек-листи для копірайтерів, менеджерів і системних адміністраторів. Слідкуйте за оновленнями!
Чому ж так важливо протестувати ваш чудовий сайт перед публікацією?Як відбувається оформлення замовлення на мобільній версії?
Ви дійсно хочете, щоб, наприклад, пости з блогу займали весь простір на головній сторінці?
Чи можна зручно відправляти e-mail безпосередньо з сайту?
Все виправлено?