Для чего нужна оптимизация дизайна сайта и его структуры? Для того чтобы посетитель мог легко и быстро найти нужную ему информацию и для того, чтобы поисковику удобней было индексировать ваши страницы. Рассмотрим основные критерии оптимизации кода и дизайна сайта. Поверхностно и только те, которые могут повлиять на продвижение вашего сайта в будущем.
- Кроссбраузерная верстка;
- оптимизация изображений;
- облегчение кода;
- организация ссылок;
- уникализация шаблона;
- юзабилити.
Рассмотрим подробнее каждый пункт из этого небольшого списка.
Кроссбраузерная верстка
Кроссбраузерной называют верстку, которая отображается во всех браузерах одинаково и отвечает стандартам html (xhtml, xml, html 5). Не доказано, что идеальная верстка вашего шаблона (я надеюсь, у вас уже есть шаблон для сайта) улучшит позиции вашего сайта в поисковике. Но большое количество ошибок в коде может привести к неправильному отображению дизайна в одном или нескольких браузерах. Это может повлечь за собой то, что пользователь просто напросто не захочет оставаться на вашей странице и закроет окно. А что еще хуже, вернется обратно к выдаче результатов поисковика, что негативно отразится на ваших поведенческих факторах. Неправильная верстка вашей страницы может увеличить время её загрузки, что также негативно повлияет на ваш сайт.
Для того чтобы написать кроссбраузерную верстку, нужно отлично знать html и css. Но, можно просто заказать верстку у профессионалов. Главное, при заказе укажите, что вам нужна именно валидная кроссбраузерная верстка. Проверить валидность можно с помощью специального сайта validator.w3.org.
Оптимизация изображений
Оптимизация изображений подразумевает под собой уменьшение веса графики используемой в дизайне сайта. Чем меньше изображений и чем меньше их вес, тем быстрее посетитель получит загруженную страницу. По статистике, большинство людей не будут дожидаться загрузки страницы, которая длится более 30 секунд.
Подробнее по оптимизации графики для сайта можно прочитать здесь.
Облегчение кода
Тут все довольно просто. Все стили старайтесь выносить в отдельный файл css, чтобы уменьшить количество кода на странице. Этот способ тоже ускорит загрузку ваших страниц. Старайтесь не использовать слишком сложные структуры с таблицами внутри. Во-первых, это усложнит чтение кода, а во-вторых, контент внутри таблиц отобразится лишь, когда загрузится вся таблица целиком. Это еще лишние секунды. Думаю, более удачным вариантом будет использование div-ной верстки. Хотя в принципе уже большинство дизайнеров с ней и работают.
Таблицы логичнее использовать для структурирования каких-то больших объемов данных.
В общем, оставим дизайнерам дизайнерово, а сеошникам все остальное. В плане оптимизации кода учтите, что контент должен находится максимально близко к началу страницы. Имеется в виду к началу кода страницы. Учитывайте это при создании шаблона.
Организация ссылок
Здесь остановимся на следующих моментах:
Избегайте повторяющихся ссылок на странице. Это может быть дублирующие ссылки в меню, футере или различных плагинах. Вес передавать будет только первая ссылка в коде. Остальные ссылки будут только уменьшать общий передаваемый вес на другие страницы.
Следите за количеством внутренних ссылок. Я не говорю, что большое количество внутренних ссылок это плохо, просто следите, чтобы ваши ссылки ссылались на продвигаемые вами страницы. Ссылки на менее важные страницы можно поместить на отдельные страницы или запрятать их в Javascript. Но тут тоже есть несколько нюансов. Гугл умеет распознавать некоторые скрипты. Подробнее о скрытии ссылок можно почитать здесь.
Распределите вес страниц с помощью внутренних ссылок. Внутренние ссылки также учитываются при ранжировании сайтов. Особенно это будет заметно при продвижении низкочастотных и низкоконкурентных запросов. В некоторых случаях удается выйти в ТОП только при помощи оптимизированного контента и внутренней перелинковки.
Уникализация шаблона
Этот пункт для тех, кто решил использовать уже готовый шаблон, который доступен для скачивания и существует в нескольких копиях на просторах интернета. Эти копии могут измеряться тысячами и десятками тысяч, поэтому следует сделать несколько манипуляций для уникализации вашего шаблона. Поисковики ценят уникальный контент, но и код страниц к этому правилу тоже относится.
Достаточно сделать минимум преобразований:
— заменить графику на сайте;
— изменить стили;
— немного изменить структуру;
— этого должно быть достаточно, чтобы ваш шаблон считался уникальным в глазах в поисковиков.
Но для пользователя таких действий может быть мало. Человек пришедший на ваш сайт его точно не запомнит, если подобный дизайн он уже видел 100500 раз.
Юзабилити
Юзабилити, или удобство использования. В данном случае удобство использования вашего сайта.
По этому пункту написать можно очень много, в компаниях существуют специальные люди, которые занимаются именно улучшением юзабилити сайта.
Этот фактор напрямую влияет на полученное впечатление от вашего сайта и на ваш заработок. Правильно организовав структуру сайта, вы сами управляете путешествием пользователя по вашему сайту. Поставьте нужную ссылку в нужное место и пользователь в большинстве случаев по ней перейдет.
Посмотрите на сайт глазами пользователя. Что бы вы сделали в плане удобства использования? Это относится к абсолютно всем элементам сайта. Навигация, графика, структура и прочее. Не стоит придумывать второй раз велосипед. Уже все придумали за вас. Берите пример с самых популярных сайтов. Уверен, они потратили не один день, разрабатывая планы по улучшению юзабилити на сайте.
Оптимизация дизайна и структуры крайне важна при создании и продвижении сайта. Правильная оптимизация может не только уменьшить время загрузки ваших страниц (как мы увидели выше), но и привлечь больше посетителей на ваш сайт. Будь то привлечение дополнительного трафика с помощью улучшения поведенческих факторов или что-либо другое.
Получился довольно короткий пост, полностью раскрыть все моменты не получилось. На это ушло бы довольно много времени и не один пост. Программа у нас уже составлена, и уделять много внимания определенным моментам я не буду. К тому же впереди будет более интересная информация, про которую у меня получится рассказать более подробно.