- 1. Використання зображень замість реального тексту
- 2. Уникайте використання Flash
- 3. Потрібно чуйний дизайн
- 4. Недружній рух
- 5. Неправильні теги H
- 6. Важкі зображення
- 7. Нерелевантні спливаючі вікна
Наша команда-партнер Artmisto
Хороший веб-дизайн - це приваблива і складна сфера, яка вимагає знань в різних областях, включаючи графічний дизайн, маркетингову проникливість, HTML і CSS-кодування, а також технічні знання, пов'язані з SEO.
Більшість дизайнерів не розглядають і не розуміють складності кодування і компонування, що впливають на SEO. Більшість з них зосереджені на своїй силі, яка є розробкою сайту, який є красивим і красивим, але не завжди навмисно функціональним. Мета більшості сайтів полягає в тому, щоб продавати і з цією схемою, орієнтованою на перетворення, SEO є найкращим варіантом, який перетворюється на потенційних клієнтів і очікуваний обсяг продажів. Отже, виклик цього процесу може мати серйозні наслідки для успіху вашого сайту.
Тому, коли мова йде про SEO, наступні моменти є найгіршими, які роблять деякі дизайнери.
Рисунок 1: Накладений живий текст, що показує його вибраний. Звідси "читабельний" і впізнаваний Google.
1. Використання зображень замість реального тексту
Відсутність знань або чиста лінь часто призводять дизайнерів до використання зображень, що містять текст, використовуючи реальний живий текст. Google та інші пошукові системи не можуть читати текст, вбудований у зображення. Оскільки текст може виглядати дуже здорово з ефектами Photoshop, він стає марним, оскільки пошукові системи можуть читати його і відверто більшість ефектів можна досягти, якщо ви знаєте правильне кодування CSS. Розглянемо лише використання тексту в зображеннях, коли він відіграє важливу роль в дизайні, наприклад, на інфографіці або складному графіку.
TIP | Якщо вам потрібно використовувати зображення для визначення контексту, завжди використовуйте теги ALT з описом зображення.
2. Уникайте використання Flash
Малюнок 2: Adobe Flash, не використовуйте його будь-якою ціною.
Flash раніше було так здорово, що дизайнери могли створювати дійсно чудові анімації та веб-досвід, але не легко індексуватися пошуковими системами, якщо вони взагалі є, і застаріли і в багатьох випадках незахищені. Flash також спричиняє додаткові години кодування та анімації, які зазвичай виходять з більшості бюджетів людей.
За допомогою HTML5 і використання JavaScripting, JQuery та інших технологій ви можете запропонувати кращий досвід, який більш широко підтримується (вважайте, що мобільні пристрої та iPad), але він також повністю індексований і доступний для пошуку.
TIP | НЕ ВИКОРИСТОВУЙТЕ FLASH! Google та інші пошукові системи не можуть його "прочитати". Дух!
3. Потрібно чуйний дизайн
Коли справа доходить до SEO одним з найважливіших факторів сьогодні є забезпечення вашого сайту реагувати. Ваш сайт повинен бути функціональним і читабельним незалежно від точки доступу кінцевого користувача, будь то робочий стіл або в дорозі з їх мобільним пристроєм. Ось чотири основні фактори, які виникають при розгляді SEO та адаптивного дизайну:
Юзабіліті: Оптимізуйте свій дизайн для кількох розмірів екрану. Google надає пріоритет відвідувачам, які мають зручний мобільний сайт. Він приймає до уваги, коли відвідувачі переходять на ваш сайт і негайно повертаються до результатів пошуку.
Дубльований вміст: багато дизайнерів створюють версію робочого столу сайту, а потім другу версію, оптимізовану для мобільного користувача. Це може добре працювати для прокручування, але це впливає на те, як пошукові системи визначають пріоритети вашого сайту та вмісту. Мобільні веб-сайти канонізуються до версій для настільних комп'ютерів, тому дублювання вмісту на робочому столі, а потім окремий веб-сайт для мобільних пристроїв знижує його релевантність. Використовуйте адаптивний дизайн, щоб зберегти вміст в одному місці - один URL.
Час завантаження: наявність однієї версії сторінки, кодованої для реагування, тому вона правильно завантажується на пристрої доступу кінцевого користувача, що значно скорочує час завантаження, оскільки не існує переадресацій, які спричиняють занепад користувача.
Рейтинг пошуку для мобільних пристроїв : сайти, оптимізовані для мобільних пристроїв, оцінюються вище в Google, поки вони знищують веб-сайти, які не є зручними для мобільних пристроїв, тому набагато важливішим є відповідне місце.
TIP | Переконайтеся в тому, щоб створити сайт, який надає відповідний вміст, і що має сенс у контексті мобільного досвіду.
4. Недружній рух
Якщо користувачі не зможуть легко знайти свій шлях, вони вирішать повернутися до результатів пошуку і перейти до наступного веб-сайту. Не існує стандарту для навігації, але дуже важливо зрозуміти, що навігація повинна бути інтуїтивною та послідовною.
Текст, який використовується як навігація, має бути коротким. Гіперпосилання повинні виділятися з тексту тексту. Мертві посилання не мають місця на сайті. Збільшує плутанину. І, будь ласка, утримуйтеся від посилання на домашній сторінці, яка надсилає вам на домашню сторінку.
TIP | Організуйте свою навігацію в парі з метою веб-сайту. Особисті сайти можуть дозволити собі бути більш творчими, але бізнес-сайт вимагає ефективності.
5. Неправильні теги H
Ми використовуємо теги H (теги H1 - H6) для організації тексту на сторінці за рівнем важливості, подібно до того, як ви використовуєте заголовки в документі. Теги відіграють певну роль у наданні належних результатів SEO шляхом виділення ключових областей тексту / вмісту, але надмірне використання чи неправильне використання цих тегів "заплутує" пошукові системи, включаючи Google.
Теги H1 - H6, як частина базового HTML-коду, дозволяють виділити вміст на сторінці та розставити пріоритети в ієрархічному порядку, найчастіше за рівнем важливості. Ці теги відіграють певну роль у SEO та неправильному використанні, особливо надмірному використанні цих міток, що "заплутує" Google та інші пошукові системи.
Нижче наведено деякі рекомендації щодо правильного використання тегів H:
- Обмежте одну тегу H1 на сторінці, як правило, назву сторінки.
- Використовуйте тег H2 як заголовок між абзацами.
- Розгляньте можливість використання тегів H3 як підзаголовків або для інших елементів на бічній панелі або реферати.
- Теги H4 - H6, як правило, використовуються економно і мало впливають на SEO.
TIP | Теги заголовків мають ієрархію зверху вниз від <h1> до <h6>.
6. Важкі зображення
Мета веб-сайту - представити інформацію швидко, але функціонально і естетично. Зображення відіграють велику роль у тому, як ми взаємодіємо з сайтом і отримуємо нашу інформацію. Неправильне використання зображень може сповільнити роботу користувачів, особливо для тих, хто користується мобільними пристроями доступу, і потенційно відключає кінцевих користувачів або повертається до результатів пошуку іншої компанії.
Зображення повинні бути оптимізовані для використання в Інтернеті, і розуміння правильного формату для кожної ситуації є критичним для хорошого веб-досвіду.
TIP | Нижче наведено деякі інструменти для скорочення зображень без втрати якості
· JPEGmini
· Просте зображення
· ResizeImage.net
7. Нерелевантні спливаючі вікна
Користувальницький досвід і SEO йдуть пліч-о-пліч і коли пошукові системи, особливо Google, «відчувають», що гість вашого сайту незадоволений своїм досвідом, вони зрозуміють це і покарають вас, надаючи кращі рейтинги іншим сайтам.
Якщо ви повинні використовувати спливаючі вікна, не забудьте зробити це з поважної причини. Не використовуйте спалах. Спливаюче вікно не повинно з'являтися більше одного разу в сесії. І не використовуйте flash?
TIP | Запропонуйте безкоштовну винагороду за перерву або знижку, купон або інше.
І не використовуйте flash?
