- 1. Старі прийоми вже не годяться
- 2. Вказівні посилання
- 3. Дизайн залучає посилання
- 4. Пошукові боти - це браузери
- 5. Використання хешу
- 6. Використовуйте дружній JavaScript
- 7. Іноді Flash це добре
- 8. Заміщення зображень за допомогою CSS
- 9. Посилання можна помістити в футер
- Бонусні поради дизайнерам!
Автор: Джастін Брігс (Justin Briggs), 23-річний SEO-консультант.
Джерело: Marketing Pilgrim ( 9 SEO Tips for Attractive Search Engine Friendly Web Design ).
Технології SEO постійно змінюються і для багатьох незрозумілі. Створення привабливого дизайну, який був би також дружнім до пошукових машин, є однією з важкодосяжних завдань при пошукової оптимізації web-дизайну. Якщо ви дизайнер, чи є ваш дизайн дружнім до пошукових систем?
До сих пір існує безліч непорозумінь навколо теорії SEO в суспільствах дизайнерів, що мають деякі знання і оперують із застарілою інформацією. Як тільки дизайнер починає розуміти значення оптимізації, виникає складність, як залишити зовнішній вигляд сайту привабливим і, з іншого боку, зробити його дружнім до пошукових систем.
Дизайнери люблять красиві сайти, а SEO любить оптимізований контент і код, але ніхто з них не повинен один одного обманювати, так як зараз обидва мають важливе значення. Це і спонукало мене написати список з 9 рад по SEO, які допоможуть вам залишити прекрасний сайт оптимізованим для пошукових систем. Нижче буде розкрито, як поєднати ці два елементи - SEO і дизайн.
1. Старі прийоми вже не годяться
Оптимізацію буває складно підтримувати, так як технології SEO постійно змінюються. Сьогодні оптимізація абсолютно не означає, що сайт повинен виглядати потворно.
По-перше, забудьте все, що ви знали про мета-теге keywords і про набивання контента ключовими словами, ці дні вже минули. Це плюс для дизайнерів, так як пошукові машини люблять хороший контент, написаний природною мовою. Такі метрики як щільність ключових слів, які псують зовнішній вигляд сайту, залишилися в минулому.
Якщо ви були дизайнером впродовж декількох років, почніть спочатку і вивчіть пошукову оптимізацію з хороших джерел. Не дозволяйте застарілим тактикам думати, що сторінки повинні бути Осеян ключовими словами.
2. Вказівні посилання
Посилання говорять пошуковим системам, про що ті сторінки, на які вони посилаються. Це працює як для внутрішніх посилань, так і для зовнішніх. Слова, які ви використовуєте в дизайні для цитування інших сторінок, грають велику роль. Тепер немає потреби говорити "клікніть тут" або "дивіться тут".
Ось інший жахливий приклад. Тут дизайнером не використано можливості послатися на внутрішню сторінку, використовуючи багатий ключами заголовок. Посилання "читати далі" хороша для користувачів, проте не дає пошуковим ботам навіть здогадатися, що на іншому кінці посилання. Як розумні люди, ми бачимо зв'язок заголовка і заслання, проте пошукові системи зрозуміють, що на сторінці-акцепторі контент пов'язаний з "читати далі".
У цих випадках можна використовувати різні методи, наприклад, послатися на сторінку заголовком або ж помістити на заслання текст "читати далі, як в Башкирії депутати хочуть заборонити салюти" або "дізнатися детальніше про тарифний план Стандарт". Це набагато поліпшить внутрішню перелінковку сайту з мінімальним впливом на дизайн.
3. Дизайн залучає посилання
Хороші новини для дизайнерів. Велику частину часу SEO направлено на залучення посилань з іншої частини інтернету. Приголомшливо те, що ця частина веба любить класні сайти. Хороший дизайн поліпшить довіру і досвід користувачів.
Якщо ви розробляєте прекрасні сайти, відправляйте їх на спеціальні виставки, на зразок галереї і каталогу CSS сайтів .
4. Пошукові боти - це браузери
Вище я вказував, що використання "читати далі" залишає пошукові машини сліпими. Расматріваніе пошукача як користувача-інваліда чи іншої типу браузера - саме той необхідний підхід, який необхідний для створення дружнього до пошукових машин дизайну.
Пошукові боти дуже схожі на інвалідів і нерозумних користувачів, які використовують дуже застарілий браузер. Один з кращих SEO порад, який я можу дати дизайнеру, - потестировать сайт так, якби Lynx був одним з головних браузерів Інтернету. Якщо вам вдасться відмінно управляти своїм сайтом і розуміти його контент в такому браузері, як Lynx, тоді ви будете великим SEO дизайнером. Інші інструменти, на зразок тулбару для веб-майстрів теж можуть дуже допомогти протестувати сайт без таких елементів, як CSS, JavaScript або зображень.
ознайомтеся з рекомендаціями для веб-майстрів і ви дізнаєтеся обмеження цього загальмованого користувача на вашому сайті. Розробляйте ваш дизайн так, щоб його зрозумів навіть пошуковий бот - найдурніший користувач в Інтернеті.
Давайте поговоримо трохи про тактику.
5. Використання хешу
#
Цей символ, званий хешем, є дуже потужним SEO інструментом в руках розробника, який знає, що з ним робити. Хеш створює елемент в адресі посилання, який відкидається пошуковими машинами і адреса не буде унікальним.
Є безліч варіантів використання хеш-кодування. Я бачив, як добре використовують хеш в секціях, де нові сторінки не виправдають себе унікальним URL, так як кожна з них відрізняється один від одного лише незначною частиною контенту. Дизайнер може призначити кожному профілю співробітника "# ім'я", тоді ці майже дубльовані сторінки розглядатимуться пошуковою системою як одна. Також є безліч інших способів використання хеш-кодування.
6. Використовуйте дружній JavaScript
Завжди, коли ви використовуєте технології, подібні JavaScript, необхідно працювати з ними обережно. Мені подобається яваскрипт і всі чудові ефекти, які можна за допомогою нього зробити, однак, вони можуть створити безліч проблем.
Традиційно, AJAX не є дружнім для SEO через javascript-запитів, які не можуть виконувати пошукові машини. В результаті контент ніколи не розпізнається або проиндексируется пошуковими ботами. В цьому плані мені подобається jQuery , Де з одного боку можна мати посилання для пошукової системи, а з іншого - хороший jQuery ефект.
При некоректному використанні JavaScript можна очікувати великих проблем.
7. Іноді Flash це добре
Запитайте будь-якого, хто займається SEO і він вам скаже, що flash не надто годиться для оптимізації. А ті, хто читає SEO -новини скажуть, що flash індексується і розпізнається . Як же дизайнер повинен мати справу з флешем?
Незважаючи на те, що Google удосконалюється, ми не повинні від нього залежати. Нижче наведено кілька основних правил для Flash-сайтів:
• Не вмикайте весь сайт на одну сторінку;
• Не використовуйте флеш для навігації;
• Не вмикайте важливий контент у флеш.
Пошуковики майже не бачать флеша, не використовуйте його для важливих елементів сторінки. Використовувати Flash добре для елементів дизайну і неважливого контента. Флеш можна використовувати при створенні дружнього дизайну. Ви можете поліпшити стиль шрифтів, використовуючи sifr . До тих пір, поки флеш НЕ буде заміщати HTML контенту, а всього-лише стилізує його, пошукові системи будуть здатні читати заголовки.
8. Заміщення зображень за допомогою CSS
Використання CSS для елементів дизайну з одного боку робить гарний зовнішній вигляд сайту, а з іншого є дружнім для SEO. Є безліч способів робити подібні речі, але слід звернути увагу на те, що говорить Google .
Якщо на сайті буде виявлений прихований текст або приховані посилання, що використовуються для введення користувачів в оману, то такий сайт може бути видалений з індексу Google і більше не буде показуватися на сторінках результатів пошуку.
Два важливих слова звідси - це "виявлений" і "мета". Роблячи ручної огляд, Google намагається інтерпретувати вашу мету. Мені здається, що спосіб з CSS використовується часто і є хорошим рішенням для веб-дизайну в SEO. Якщо ваша мета - поліпшити видимий функціонал і ця мета зрозуміла, тоді все добре. Не використовуйте цей метод для напічківанія контенту ключовими словами або маніпулювання прихованим текстом.
9. Посилання можна помістити в футер
Якщо у вас такий дизайн, який повинен компенсувати жорсткій навігацією, тоді використання суцільного футера буде хорошим рішенням.
Іноді футер виглядає сіро, а іноді підкреслюють контент, який ви хочете, щоб мав хороший вагу. Однак, ця частина сайту може виглядати також вражаюче і креативно .
Бонусні поради дизайнерам!
Три маленьких бонусних ради виключно дизайнерам, які розкручують свій бізнес. Багато веб-дизайнери розміщують авторську посилання в футер і виглядає вона приблизно так:
"Сайт розроблений компанією Criative Design"
Ось 3 міні-підказки:
1. Увімкніть ключове слово в авторську посилання. Не посилайтеся лише ім'ям компанії або принаймні включите частина "сайт розроблений". Ще краще використовувати щось на зразок: "Дизайн: Ім'я_компанії - Московська студія дизайну".
2. Як тільки ви розробите декілька сайтів з авторської посиланням, змініть в ній слова. Не те, щоб слова повинні сильно розрізнять, але створіть декілька варіацій і робіть це періодично.
3. Створіть сторінку профілю на їх сайті, яка містить відгук і посилається на ваш сайт. Потім посилайтеся на цю сторінку сквозняком з футера. Це допоможе уникнути негативного впливу протягу і, з іншого боку, ви отримаєте посилання зі сторінки з хорошим PageRank, так як на неї будуть посилатися всі внутрішні сторінки сайту.
Якщо ви дизайнер, сподіваюся ці поради допоможуть знайти елегантне рішення для поєднання дизайну і SEO. Якщо ви оптимізатор, сподіваюся ці підказки допоможуть надалі вашому дизайнерові.
PS В даній статті часто під дизайном розумілася також верстка, а під дизайнером також верстальник, примітка devaka.
Якщо ви дизайнер, чи є ваш дизайн дружнім до пошукових систем?Як же дизайнер повинен мати справу з флешем?