Многие дизайнеры считают, что SEO от них никак не зависит и поисковая оптимизация их не касается и отдел веб-дизайна вовсе не должно затрагивать. Прежде всего они хотят разработать и воплотить красивый сайт. Это на самом деле замечательно, но только не в том случае, когда данный сайт, еще должен показать достаточно высокие результаты в рейтинге. На самом деле существует достаточно много элементов которые можно внедрить в дизайне, для того чтобы улучшить оптимизацию страниц еще на этапе отрисовки дизайна.
Технология Flash
Достаточно часто проблемы появляются с популярными флеш-сайтами. Технология Flash позволяет получить невероятные по своей красоте и привлекательности результаты, но к большому сожалению поисковые роботы не способны в полной мере оценить всей красоты. Им необходим текст, так как любая информация, размещенная в картинках, также считывается как картинка независимо от того, что там нарисовано. В таком случае очень сложно представить продвижение сайта методами SEO, так как Google и Яндекс не будут снисходительны к вашему ресурсу.
Иногда Flash это хорошо
Если вы спросите SEO специалиста, то он вам ответит – flash, не самый лучший вариант для seo-оптимизации. А те«знатоки», которые только иногда изучают новости в мире SEO, ответят, что Flash отлично индексируется поисковыми системами и распознается. Как же тогда быть дизайнерам и как работать с флеш? Поэтому ниже мы приводим пару основных моментов использования Flash для веб-сайтов:
- Не старайтесь уместить весь сайт, на одну страницу;
- Не стоит использовать Flash – элементы в навигации по сайту;
- Не стоит в Flash элементы вставлять важную информацию.
Поисковики практически не видят флеш, именно поэтому не стоит использовать его в важных элементах вашего сайта, так как в таком случае что-то действительно важное может ускользнуть от глаз поисковой машины. Хорошо использовать Flash для тех элементов дизайна, которые можно назвать «неважными». Очень важно, чтобы веб-дизайнер осознавал, тот факт, что сайт должен быть красивым и удобным, но при этом и руки SEO специалиста должны оставаться развязанными и в состоянии вести работы с сайтом.
Правильная оптимизация изображения
Что изображено на картинке DCIM34292.jpg?
Когда вы ленитесь потратить время на то, чтобы назвать картинки, вы теряете ценный вес и возможный трафик. Поверьте, это очень здорово переименовать изображения и дать ему имя которое бы соответствовало тому, что находится на картинке, к примеру, web_design_for_seo.jpg, вы объясните для поисковика, что изображено на данной картинке, а также поможете увеличить количество ключевых слов.
То, что видят обычные пользователи и то что видят поисковые системы, на выходе это 2 совершенно разных изображения. Поисковые системы могут видеть только слова, а не фактические визуальные эффекты. Из-за этого, важно использовать alt теги с умом, когда дело доходит до каждого изображения на вашем сайте. Каждый визуальный элемент должен включать в себя соответствующее описание (что в идеале содержит ключевое слово). Изображения с лучшими описаниями являются те, которые, появляются в поиске изображений Google.
Изображения должны быть оптимизированы для работы в Интернете, прежде чем они будут сохранены и загружены в качестве среды для веб-сайта. Изображения, которые сохраняются с слишком большим размером при загрузке сайта будут очень сильно его нагружать и скорость загрузки страницы значительно снизится. Пользователи будут щелкать по кнопке, если ваш сайт подвисает или изображения медленно загружаются, то он просто не вернется. Сохраняйте изображения с разрешением 72 точек на дюйм и стремитесь к размеру файла от 30 до 100 кбайт.
Также увеличению скорости загрузки сайта способствует использование следующих элементов:
- Спрайты.
- Глификоны.
- SVG.
Наложение и порядок изображений с использованием CSS
Применение CSS для отдельных деталей дизайна делает внешний вид сайта, более красочным, и с другой стороны позволяет сайту оставаться дружественным для SEO.
На данный момент есть достаточно много способов сделать похожие вещи, но также стоит придать значение и тому, что об этом говорит Google.
Google категорически против, того чтобы на сайте был размещен скрытый текст или же скрытые ссылки, которые могут вводить пользователя в заблуждение или же вовсе уводить с данного сайта.Сайт имеющий скрытые элементы запросто может просто быть удален из индекса Google и уже больше не будет появляться в поисковые выдачи.
Я считаю, что метод работы с CSS, используется достаточно часто и является отличным способом улучшить видимый функционал на сайте. Данная цель будет видна и понятна, для поискового робота и тогда Google отнесется хорошо к вашему ресурсу.
Скорость загрузки сайта
Исследование доказывают, что больше половины пользователей уходят с сайта, если он не в состоянии загрузится за 3 секунды максиму.
Мы все прекрасно понимаем, что каждый толковый дизайнер пытается впечатлить будущих посетителей качественным дизайном, а не школьной отрисовкой, но какой от этого толк если большая часть ваших посетителей попросту не дождутся загрузки сайта? Низкая скорость загрузки сайта очень негативно отражается на SEO.
Начиная с 2010 года, было отмечено компанией Google, что скорость загрузки отдельной страницы и всего сайта в целом — является один из важнейших показателей, которые влияют на ранжирование. Но мы не знаем точно, что для робота «быстро» и «медленно», однако мы понимаем, насколько важно оптимизировать back-end с его логической структурой. На данный момент Google позволяет определить собственно насколько тяжелым является ваш ресурс в данный момент. Для этого достаточно загрузить сайт на тестовый домен и воспользовавшись инструментом для вебмастеров – Google Pagespeed Insights, вы сможете это определить. Возьмете для себя за привычку пересматривать показатели PageSpeed Insights, и он поможет узнать, какое количество элементов тормозит ваш сайт на данном этапе. Данный инструмент способен выявить и указать на то, что тормозит ваш сайт, он также предложит наиболее правильные пути решения данной проблемы. В отношении скорости загрузки сайта, стоит достаточно серьезно отнестись к такому параметру как сжатия картинок, кэширование статического контента на сайте и уплотненность кода JavaScript.
Контент на сайте
Вы вполне серьезно можете назвать меня занудой, но контент до сих пор является наиболее важным показателем для определения релевантности вашего сайта, поисковому запросу пользователя. При продвижение сайтов в Харькове агенство SEM-Ukraine тщательно рассматривает контентную составляющую сайта.
Прошли уже те дни, когда контентом можно было набивать сайт или размещать скрытый текст с нулевой высотой шрифта. Сегодня роботы стали куда умнее и научились отличать, что правильно, а что нет. Поисковые системы одобряют длинные и информационные текста. Поэтому в концепции обязательно нужно оставить возможным добавление текстового блока, для новостей или SEO-статей, который будет написан для сайта, как только до него доберется SEO-шник.
Текста можно размещать с применением различных “фишек”
- Полоса прокрутки – overflow.
- С помощью линка “читать далее” – js.
Структура сайта
Наиболее частая проблема в процессе разработки нового веб сайта, или перераспределении старого веб – сайта для SEO – структура самого сайта. Мы прилагаем большие усилия, для того чтобы наметить структуру сайта заранее, чтобы наилучшим образом использовать естественную сегментацию сайта.
Наиболее важными элементами являются:
- Заголовки.
- Вложенность.
- Юзабилити.
Разработка рекламных баннеров
В настоящий момент в Интернете существует миллиарды страниц. Наши дизайнеры помогут Вам создать индивидуальный образ компании, разработать запоминающийся дизайн сайта и корпоративный стиль. Оживят статические страницы сайта за счет банеров, и флеш анимации
Для заказа дизайна сайта заполните наш бриф на разработку.
Для осуществления рекламной акции и продвижения своего ресурса в сети Интернет, потребуются элементы привлечения внимания потребителей рекламы, собственно носители рекламы. В Сети Интернет – это чаще всего графические баннеры. Мы имеем опыт разработки баннеров самых различных типов и размеров.
Эффективность баннерной рекламы чаще всего измеряется соотношением переходов по баннеру к общему числу его показов (CTR). Для баннеров, которые мы создаем, средний CTR составляет 2% (в среднем по сети – менее 1%). Это объясняется тем, что мы постоянно исследуем нашу аудиторию и при изготовлении баннеров учитываем ее специфику.
UX дизайн для SEO, что это и с чем его едят?
UX-дизайн стал неотъемлемой частью SEO-оптимизации веб-сайта. User Experience Design – комплекс мер, направленный на то, чтобы мотивировать посетителей сайта доходить до определенных страниц и совершать нужные действия (например, покупать товар) при минимальном количестве кликов, то есть на то, чтобы помочь клиенту дойти до цели, получить желаемое и оставить вам деньги. UX Design предназначен для создания простого и доступного продукта.
UX дизайн – это:
- Разработка информационной структуры сайта
- Работа над графическим дизайном
- Создание удобной навигации по сайту
- Работа над структурой и средствами взаимодействия
- Размещение контента
Кроме этого, UX-дизайнер должен знать, как исследуется юзабилити сайта и проводится анализ целевой аудитории.
Разработка информационной архитектуры, работа над структурой и средствами взаимодействия
Работа над информационной архитектурой сайта начинается с изучения целевой аудитории (ЦА). Для этого учитывается экономический и социальный статус, географическое положение, возрастная категория и другие особенности потенциальных клиентов. От того, насколько правильно дизайнер формирует мнение о предпочтениях целевой аудитории, будет зависеть успех сайта.
В свою очередь, SEO-специалист производит сбор и формирование предварительного семантического ядра с которого начнется продвижение и внутренняя оптимизация сайта и выполняет группировку или кластеризацию поисковых запросов, основываясь на данные о потенциальной целевой аудитории разрабатывается иерархия, схема навигации и модель действий посетителей (пользовательский сценарий).
Польза от текстов, которые будут размещаться на страницах, должна быть максимальной: бесполезная или несущественная информация «уводит» пользователей от главного. Желательно, чтобы ее не было или, если без нее никак, то как можно меньше, обеспечив тем самым большую концентрацию внимания посетителя, а следовательно быстрее найдет то, что искал, и выполнит нужные вам действия.
Дизайнер должен понимать: чтобы найти нужный товар или услугу, пользователь должен кликнуть мышкой не больше трёх раз.
Работа над графическим дизайном
Работая над графическим дизайном, художник-проектировщик должен учитывать особенности целевой аудитории. В любом случае, сайт должен быть привлекательным и понятным для посетителей. Например, если главная задача ресурса – продать как можно больше эксклюзивных сувениров, в этом случае минимализм будет неуместен: потенциальный клиент должен увидеть уникальность товара, презентабельность продукции и сайта, на котором реализуется эта продукция. Такой подход удержит пользователя и «заставит» сделать покупку. Несколько иная ситуация с онлайн-журналами: на сайте не должно быть ничего, что бы отвлекало от чтения.
Еще один важный момент – адаптивность. Google уже достаточное время тому назад заявил, что позиции сайтов, не адаптированных для просмотра на мобильных устройствах, будут ранжироваться не в приоритете. Поэтому UX-дизайн по умолчанию должен разрабатываться так, чтобы сайт корректно отображался на любом устройстве – от смартфона до телевизора.
Размещение контента
Без релевантного текста очень трудно получить ощутимые результатов и вывести сайт в ТОП. Но важно не только то, как он написан, но и то, как преподнесли пользователям. Согласитесь, читать текст с подзаголовками, списками и другими «фишками» намного удобнее, чем сплошное полотно. UX-дизайнер должен сделать контент привлекательным и легким для восприятия, а SEO-специалист – разработать контент-стратегию и подготовить информацию, способную привлечь на сайт трафик из поисковиков. С этой задачей не справиться без копирайтера, поскольку в работе над контентом важны все моменты: структура текста должна обращать на себя внимание, а содержание – увлекать.
Создание удобной навигации по сайту
Удобного перемещения по страницам сайта UX-дизайнер добивается за счет внутренней перелинковки страниц, логичного распределения действий пользователей и правильного понимания целевой аудитории.
Внутренняя перелинковка страниц бывает:
- Информационная
- Навигационная
- Контекстная
Навигация – приоритетное направление работы каждого дизайнера, который понимает значение поисковой оптимизации. Чем короче полоса действий, чем меньше навигационные элементы, тем лучше. Компактная и удобная для посетителя архитектура позволит попасть на любую страницу сайта всего в несколько кликов.Не нужно изобретать велосипед: путь пользователя к цели должен быть понятным и удобным,простым и коротким – не больше 8 пунктов.
Пять наиболее частых SEO-ошибок дизайнера
- Сначала дизайн, только после этого – оптимизация
Некоторые дизайнеры ставят поисковую оптимизацию на второй план и не считают ее важным компонентом работы над проектом. Это неверно: взаимодействие с SEO-специалистом следует наладить еще до разработки, а не после создания и запуска сайта. Тем более, что основу архитектуры составляет удобство поиска для целевой аудитории. Эти моменты определяются после сбора и систематизации данных о потенциальных клиентах, которую выполняет оптимизатор. Он исследует семантическое ядро, выделяет ключевые фразы и слова, которые нужно использовать в инфраструктуре сайта, навигационной схеме, названиях категорий, хлебных крошках (дублирующем меню), заголовках, статьях и перекрестных ссылках.
Если заказчик считает, что система поиска вторична, такой подход увеличивает расходы на рекламу и снижает конверсию. Пользователям приходится долго искать сайт, на котором нет навязчивой рекламы, а выбор товаров или услуг – прост и понятен. Посетитель, который сталкивается с трудностями при поиске, может не дойти до цели и покинуть сайт, так и не выполнив нужных действий.
- Splash-страницы
Splash-страница – «парадное крыльцо» сайта, там чаще всего размещаются большие, привлекательные картинки с предложением посетить ресурс, нажав «Enter», или flash-ролики со ссылкой, перенаправляющей на домашнюю страницу. Её задача – раскрыть смысл и тематику ресурса. Но вход не нужно делать под индексацию, он не должен быть рекламной площадкой или картой сайта.
Минусы splash-страниц:
- Нехватка текста с ключами, который особенно важен в тегах. В splash его нет, исключение составляет «skipintro» – переход на другую страницу без просмотра flash-ролика.
- Отсутствие перекрестных ссылок. В большинстве случаев splash имеют ссылку только на одну из страниц сайта (например – на домашнюю либо продающую), поисковые системы считают важной только её.
- Наличие редиректов. Как правило, splash-страницы могут быть реализованы с помощью редиректов, из-за чего некорректно проходит индексация страниц.
Оставить рекомендуется только те страницы, которые отвечают требованиям потенциальных покупателей и успешно проходят тестирование. Но всегда нужно помнить, что такие страницы плохо влияют на ранжирование сайта поисковыми системами.
- Недостаток целевого соответствия контента
Чтобы страница в выдаче поисковика оказалась как можно выше, контент должен содержать определенное количество ключевых слов, соответствующих тематике. Их оптимальную плотность устанавливают двумя способами:
- Анализом при участии пользователей
- С помощью специальных сервисов
Пользовательский анализ представляет собой проверку пользователям и произвольно отобранных страниц, которые демонстрируются не больше 30 секунд. Для проверки желательно выбрать страницы разного типа. Лучше всего, если это будет домашняя и несколько – с описанием товаров (услуг). Потом нужно получить ответы на следующие вопросы:
- Местонахождение пользователя (несколько раз).
- Сколько фокусных центров на странице?
- Насколько полным выглядит описание товара или услуги?
- Достаточно ли данных для оформления заказа?
- Каких данных пользователям не хватает?
- Какие элементы выглядят кликабельными и почему?
- Устраивает ли пользователей количество предложений?
Ответы респондентов позволяют оценить качество дизайна и эффективность работы ключевых слов. На хорошо подготовленных страницах ключи должны быть прописаны в теге, заголовках, наименованиях товаров (услуг), описаниях, цепочных и перекрестных ссылках.
Второй способ – определение плотности ключей с помощью специальных сервисов (анализаторов). Они полезны всем, кто не размещает на сайте ключевые слова, добавляет их в недостаточном или слишком большом количестве. Не нужно пытаться понять, как работает анализатор – никому не известно, как именно определяется плотность. Считается, что оптимальный показатель – от 3% до 8%, но разные анализаторы оценивают одну и ту же страницу по разным (собственным) алгоритмам. Велика вероятность, что оценка страницы пользователями-тестерами будет более объективной.
- Соотношение HTML-текста и графики
Опытному дизайнеру не составляет труда определить, сколько нужно рисунков, сколько HTML-текста. Если целевая аудитория предпочитает графику, разработчику нужно разместить на странице больше рисунков и меньше текста. А оптимизатору придётся подумать, как втиснуть нужное количество ключей в этот текст, чтобы сохранить оптимальный баланс.
Сайт считается некачественным, если он перенасыщен картинками или текстом. Первый пример – Flash-сайт, напоминающий Flash-фильм. Пользователю кажется, что в нём много страниц, в действительности – это всего лишь одна страница с единственным роликом. Второй пример – много текста и мало картинок. В этом случае посетители, может, и придут на сайт, но из-за отсутствия графики быстро утратят интерес к вашим предложениям.
Правильно подобранное соотношение графики и HTML-текста – залог успешной раскрутки ресурса и гарантия его популярности.
- Недостаток ориентированности на клиента
В работе над проектом желательно выбирать те ключи, которые пользователи из числа ЦА чаще всего вводят для поиска продвигаемых товаров или услуг. Сайт не должен быть площадкой для соревнований разработчиков. Прежде всего, его дизайн и содержание должны быть интересны целевой аудитории, иначе он станет памятником самолюбию авторов или владельца. Более точно ориентировать проект на клиента позволяет SEM (поисковый маркетинг), стратегия которого разрабатывается специалистами и направлена на удовлетворение интереса пользователей.
Какой из этого вывод?
Для получения максимального эффекта от SEO-продвижения сайта, каждый этап работы должен проходить в тесном сотрудничестве с SEO-специалистами.
Нужно помнить:
- Правильно оформленный и удобный сайт – ещё не гарантия быстрой раскрутки, это всего лишь часть решения более глобальных задач.
- Любой из инструментов SEO не работает самостоятельно, а UX-дизайн является обязательным пунктом комплексной стратегии продвижения.
- Взгляд на сайт с точки зрения поисковой оптимизации должен быть неотъемлемой составляющей мышления и рабочего процесса дизайнера.
- Выработать хорошие привычки на начальном этапе работы над проектом легче, чем делать SEO-дружественный сайт после его публикации.
Самое лучшее, что можно сделать для продвижения товаров или услуг Интернете – создать и развить большой сайт с полезным и интересным содержанием. Поможет в этом и тщательно продуманная архитектура, которая сделает его более привлекательным для поисковой системы, более конкурентным при отборе и ранжировании.
Дизайн сайта должен быть продуман до мелочей, только тогда он будет решать сразу несколько задач. Среди них – раскрутка бренда, товара или услуги, привлечение клиентов, повышение лояльности посетителей, видимость для поисковиков, узнаваемость в сети, повышение уровня продаж и др. Чтобы рекламируемый продукт успешно продавался, сайт должен вызывать расположение клиентов, быть убедительным и человекопонятным. Только в этом случае будут удовлетворены все участники процесса – как поисковые системы так и клиенты, а значит и владельцы ресурса.
Заказать оптимизацию сайта в нашей студии проще простого! Оставьте свою заявку или заполните наши брифы!
Дата публикации: 24.10.2018
Дата последнего обновления/редакции: 28.11.2022