6 найпоширеніших помилок при створенні веб-сторінки
Метазаголовок та метаопис є основою кожної веб-сторінки. Але навіть сьогодні я натрапляю на сайти, які виглядають так:
Створюючи веб-сторінку в WebWave, ви встановлюєте метадані в налаштуваннях SEO. Кожна підсторінка повинна містити метазаголовок та власний метаопис.
2. Відсутність оптимізації зображення
Іноді, коли ви заходите на сайт зі свого смартфона, він завантажується назавжди, і замість повзунка зображення ви бачите лише три крапки, які свідчать про те, що слайдер десь існує ... Причина - відсутність оптимізованих зображень! Зображення з роздільною здатністю 5000 x 4000 px вбиває ваш сайт.
В даний час алгоритми Google приділяють пильну увагу швидкості завантаження сайтів. Причиною є те, що більше половини мережевого трафіку надходить від мобільних пристроїв. Найпростіший спосіб пришвидшити роботу сайту - це оптимізувати зображення. Перевірте розмір ваших зображень. Якщо вам потрібні зображення, що відображаються по всій ширині дисплея, зазвичай достатньо розмірів Full HD 1920 x 1080. Якщо зображення менше, відрегулюйте їх відповідно до розміру контуру. Крім того, кожне зображення можна «послабити» за допомогою компресора optymizilla: https://imagecompressor.com/
3. Відсутність відповідності елементів веб-сторінки
Наступною проблемою веб-сайтів є відсутність порядку та відповідності. Буває, що заголовки на сайті мають різні шрифти. Колір елементів і відстань від країв повинні бути різними. Текст іноді занадто малий, а іноді занадто великий.
Перед тим, як створювати його, варто спланувати сайт. Встановлює тип і розмір шрифту, інтервал між рядками (у WebWave для цього можна використовувати налаштування "Стилі тексту"). Варто створити кольорову палітру і створити макет сайту. Планування сайту допоможе вам уникнути безладу.
4. Забагато зображень
Далі я натрапляю на веб-сайти, де у нас безлад через занадто велику кількість зображень. Уявіть веб-сайт футбольної команди ... На задньому плані ми маємо зображення хлопців у барвистих сорочках. Над фоновим зображенням ми маємо чорне чи біле поле, мало вмісту та наступні зображення тих самих хлопчиків у однакових кольорових футболках ... Іншим прикладом є створення веб-сторінки з пастельними кольорами та кольоровими зображеннями.
На мою думку, графічний вигляд виражає більше 1000 слів. Сайти з красивими зображеннями привертають увагу лише в тому випадку, якщо ми дотримуємося рівноваги. Якщо розміщення зображення на сайті вас не влаштовує, варто внести зміни - протестуйте деякі фільтри, працюйте з кольорами, змініть фон. Якщо у вас немає розвиненого почуття смаку, надихайтеся - на Pinterest можна знайти багато цікавих ідей.
5. Публікація неповної веб-сторінки
У мене трапилась така ситуація: я написав допис на дуже цікаву тему, про корисну програму. Я все добре описав, виконав метадані. Як це часто буває з фрілансерами, я закінчив пізно ввечері і не перевірив текст, я просто опублікував його. Я підготував допис до "наступного дня", і я подумав, що я закінчив (pssst: у WebWave ви можете налаштувати публікацію на публікацію автоматично). Через кілька тижнів мій пост з’явився в результатах пошукової системи ... з граматичними помилками в метазаголовку! Я виправив помилку за лічені секунди, але Google зайняв багато часу, щоб змінити інформацію, що відображається в її результатах.
Не думаю, що у когось виникають сумніви щодо необхідності створення адаптивного веб-сайту. Більше половини користувачів шукають інформацію, перевіряють наявність новин, а деякі навіть роблять покупки на мобільних пристроях. Google впроваджує алгоритм "Перш за все для мобільних пристроїв", і в майбутньому адаптивні версії веб-сайтів будуть ще важливішими для результатів пошуку.
Вже на етапі планування сайту варто задуматися, як буде виглядати його адаптивна версія, якщо всі елементи можна зменшити або розмістити на маленькому екрані, якщо такий спосіб розміщення інформації читабельний.
Якщо ви вже створили веб-сторінку у відповідній версії - перевірте, чи немає в ній помилок. Перевірте його на кількох пристроях, переконайтесь, що кнопки можна легко використовувати, текстові поля не перекриваються. Перевірте, чи за допомогою мобільного телефону легко знайти шлях доступу до штаб-квартири вашої компанії. Іноді я роблю тривіальну помилку: забуваю опублікувати адаптивну версію сайту в програмі WebWave.
6. Посилання, які не працюють
Чесно кажучи, я не планував писати про це, але кілька хвилин тому натрапив на сторінку у Facebook, яка не працює. Варто перевірити посилання, що ведуть на підсторінки нашого сайту, а також посилання, що ведуть до посилань за межами сайту. Особисто мені дуже подобаються сторінки компаній, коли мова заходить про взаємодію з користувачами та цінні публікації.
Найпоширеніші помилки при створенні веб-сторінки в WebWave
1. Неоптимізовані зображення без описів
Я писав про оптимізацію вище, але в WebWave я часто стикаюся з зображеннями з оригінальними іменами, наприклад b58.jpg. Ця помилка дуже поширена в галереях.
2. Забагато шрифтів Google
У WebWave ви можете легко додавати шрифти зі свого каталогу шрифтів Google. Найкраще обмежитися 2-3 шрифтами. Додавання більшої кількості шрифтів збільшує час завантаження сайту.
3. Налаштування адреси електронної пошти у контактній формі
Деякий час тому хтось використовував мій шаблон для архітекторів для створення мого власного веб-сайту. На жаль, це не змінило адресу електронної пошти в налаштуваннях форми. Ефект був такий: я отримав більше десяти тестових повідомлень з різним рівнем агресії;). На жаль, автор був анонімним, і я не міг йому допомогти.
4. Відсутність груп та взаємин між ними
На залежних від пристрою веб-сайтах WebWave виникають такі помилки: текст охоплює вищевказаний вміст або відстань між елементами завелика. Цю проблему можна легко вирішити шляхом створення груп та встановлення взаємозв’язків між групами.