- підключення домену
- налаштування SEO
- Мобільна версія
- Яким чином можна збільшити швидкість завантаження сайту?
- Використання інструментів стиснення зображень
- CSS спрайт
- Вказати розміри зображень
- Вказати заголовок Vary: Accept-Encoding
В минулому огляді ми розглядали такий конструктор сайтів як - Wix. За цей час я отримав на пошту безліч листів з проханням зупинитися докладніше на налаштуваннях сайту: розповісти про SEO настройки, підключення домену першого рівня і інші параметри які будуть корисні для новачків.
підключення домену
Найбільш популярне питання, серед читачів блогу - як підключити домен першого рівня в конструктор сайтів Wix ? Хочу Вас засмутити - підключити домен до Вашого сайту на Wix можна тільки при наявності преміум-плану. Після переходу на преміум ви зможете підключити до сайту домен.
Процедура підключення домену гранично проста: якщо ви купили домен в іншого реєстратора, то за замовчуванням у домену буде прописані NS сервера самого реєстратора, які необхідно змінити на NS-записи WIX, після того, як ви пропишіть сервера Wix в налаштуваннях домену, залишається припаркувати домен в настройках конструктора Wix.
Для домену в обов'язковому порядку повинен бути прописаний список dns серверів, не менше двох NS-записів, іноді може знадобитися і чотири записи. Це робиться для того, щоб гарантувати працездатність сайту, в разі недоступності серверів інші сервера страхують їх.
налаштування SEO
В налаштуваннях управління сайтом у вкладці SEO є можливість оптимізувати Ваш сайт для кращого ранжирування в пошукових системах Яндекс і Google.
Перш за все, необхідно переконатися в тому, що сайт дозволений до індексування пошуковими роботами:
Якщо на вашому сайті була видалена сторінка, яка збирала велику кількість пошукового трафіку, то можна переадресовувати користувачів на іншу тематичну сторінку за допомогою 301-редиректу. Також цей модуль буде корисний при зміні структури ЧПУ для того щоб мінімізувати втрату трафіку і позицій:
Важливий параметр для успішного просування сайту в пошукових системах - це можливість прописати для кожної сторінки унікальні метатеги, заголовки H1. Заголовки можна додавати за допомогою розділу SEO-сторінки. Для цього переходимо на сайт в режимі редактора. Вибираємо відображення повного списку сторінок:
Для необхідної сторінки вибираємо «SEO сторінки»:
Відкривається вікно настройки сторінки SEO. Тут ми можемо прописати унікальні метатеги під ключові слова для сайту : Title, Description, Keyword (хоча я б не рекомендував використовувати), також є можливість вказати адресу сторінки, приховати її від пошукових систем (це необхідно в разі якщо на сторінці знаходиться неунікальний контент, проте, він необхідний для відвідувачів сайту.
Мобільна версія
Останнім часом все більшого значення при ранжируванні сайтів віддається адаптації сайту до мобільних пристроїв. Згідно з останніми рекомендаціями від Яндекс - як зробити сайт дійсно зручним для мобільних пристроїв:
Для перевірки сайту ви можете скористатися інструментом в бета версії сервісу Яндекс.Вебмастер «Перевірка мобільних сторінок».
Найпоширенішими помилками, які дозволяє виявити інструмент в Яндекс.Вебмастере, є наявність горизонтальної прокрутки, багато дрібного тексту, відсутність або неправильне розташування мета-тега «viewport», а також наявність невоспроизводимого відео.
При перевірці мобільних версій сайтів зроблені за допомогою конструктора Wix.com зауважень від Яндекса помічено не було:
Існує проблема дрібного тексту, проте, знову-таки все залежить від вибраного шаблону і візуального оформлення мобільної версії Вашого сайту.
Яким чином можна збільшити швидкість завантаження сайту?
Другий за поулярності питання, про який мене запитують відвідувачі блогу - Яким чином можна збільшити швидкість завантаження сайту зробленого на Wix.com? Всім відомо, що швидкість завантаження сайту впливає не тільки на поведінкові фактори (відвідувачі більше переглядають сторінок на сайтах, де сторінки відкриваються швидко) але і на ранжування сайту в пошукових системах. Раніше фахівцями пошукового просування повідомлялося, що швидкість завантаження сторінок сайту - один з показників ранжирування сторінок в пошуку і на це слід звернути увагу.
Перш за все, на сайті необхідно провести базову і розширену оптимізацію всіх зображень. В рамках базової оптимізації обрізаються непотрібні поля, зменшується глибина кольору (до мінімально прийнятного значення), видаляються коментарі і зображення зберігається в потрібному форматі. Базову оптимізацію можна виконати за допомогою будь-якої програми для редагування зображень, наприклад. При розширеній оптимізації проводиться стиснення файлів JPEG і PNG (без втрат).
Використання інструментів стиснення зображень
Існують інструменти, які виконують додаткове стиснення файлів JPEG і PNG без втрат і зниження якості. Для файлів JPEG рекомендується використовувати або (доступно тільки для Linux, виконувати з параметром --strip-all). Для PNG краще використовувати або.
Як показує практика від оптимізації зображень, сторінки сайту стають менше на 50%.
CSS спрайт
Використання CSS-спрайтів на сайті дозволяє підвищити продуктивність і грамотно організувати елементи інтерфейсу. Sprite Sheet - це одне велике зображення дрібних графічних елементів сайту, наприклад іконок або кнопок. Завдяки CSS можна відображати кожен елемент окремо і скоротити кількість запитів до сервера.
Настійно рекомендую об'єднувати зображення в CSS-спрайт для подальшого використання їх на сайті.
Вказати розміри зображень
Вказівка ширини і висоти для всіх зображень дозволяє прискорити їх обробку і не витрачати час на їх масштабування і перемальовування. Подивитися які зображення не мають атрибути висоти і ширини можна подивитися зі звіту сервісу GTMetrix.
Вказати заголовок Vary: Accept-Encoding
Vary: Accept-Encoding повідомляє проксі-серверів, що потрібно кешувати обидві версії ресурсу: стислу і не стиснені. Це допомагає уникнути проблем при роботі з загальнодоступними проксі-серверами, що не розпізнають наявність заголовка Content-Encoding.
Як ви можете бачити, настройка сайту зробленого за допомогою конструктора Wix.com досить широка і практично нічим не відрізняється від сайту, замовленого в дорогий веб-студії, тому перш ніж вибирати підрядника по створенню сайту, настійно рекомендую протестувати конструктор Wix.com. Всім хороших літніх днів!
З повагою, Vasilenko Ivan !
Яким чином можна збільшити швидкість завантаження сайту?Com?
