Статьи

Написание для Интернета - 5 идей для оптимизированного дизайна SEO

  1. UX и SEO: ответственная и эффективная эргономика
  2. 5 идей для оптимизированного SEO дизайна
  3. 2. Визуальные и синтаксические панели.
  4. 3. Расширяемые div.
  5. 4. Семантический призыв к действию.
  6. 5. Приоритет информации на всей странице.

Пользовательский опыт или SEO оптимизация? А если бы вам не пришлось выбирать между двумя? 5 эффективных идей для оптимизации SEO дизайна.

UX и SEO: ответственная и эффективная эргономика

Любой уважающий себя веб-дизайнер работает сегодня с полным осознанием пользовательский опыт , Поэтому он должен совмещать несколько критериев качества, чтобы создать эстетичный интерфейс, сбалансированный , читаемый и плавный. Как подчеркнул Себастьян Рокка от CloudNetCare веб-дизайнер сегодня является « ответственным эргономистом , для которого визуальный комфорт пользователя больше не отделен от его комфорта в широком смысле».

Подотчетность по отношению к конечный пользователь что также требует, чтобы он рассмотрел свою копию с точки зрения оптимизации и видимости контента в поисковых системах . Проблема в том, что часто лучшие эстетически реализованные веб-сайты имеют очень мало возможностей для оптимизации SEO, и наоборот, оптимизированные интерфейсы SEO часто ставят под угрозу пользовательский опыт и дизайн дизайна.

Тем не менее, интерес и успех веб-страницы заключается именно в ее способности доставлять информацию, которая является привлекательной и привлекательной для пользователя, а также информацию, которая занимает хорошие позиции в поисковых системах! Ниже приведено доказательство того, что если мы согласуем эти потребности, результаты могут быть инновационными и чрезвычайно эффективными.

5 идей для оптимизированного SEO дизайна

1. Веб-шрифты аккуратные и хорошо сочетаются.

Мы недавно изучали их методы имплантации , Хорошая веб-опечатка является основой SEO-ориентированного дизайна : она добавляет визуальный эффект, необходимый для хорошего пользовательского опыта, не ограничивая возможности поиска страниц поисковыми системами. Некоторые комбинации веб-шрифтов особенно интересны с точки зрения дизайна и почти по определению SEO.

2. Визуальные и синтаксические панели.

Использование комбинации HTML, CSS и веб-шрифтов и исключение эксклюзивного использования изображений . Баннер очень хорошо может быть выполнен в « живом тексте » с тегами иерархии (h1, h2), текстом, ключевыми словами, выделенными жирным шрифтом - или стандартным HTML, оптимизированным для SEO, - и будет привлекательным для пользователь.

Ниже приведен явный пример Мос , известная SEO консалтинговая фирма. Вывеска для сайта моды. Тот, что слева, идеален с точки зрения UX : модель несет в себе продукт и легко вызывает интерес. Но проблема в том, что с точки зрения SEO, это не так сильно разрушает дом. Правильно, чего хочет гуру SEO (и Google): h1, пояснительный текст, чтобы извлечь выгоду из длинный поезд , Одного и другого не достаточно. Один слева получит больше кликов и обязательств, но не будет виден в результатах поиска. И на правую ссылку будут хорошо ссылаться, но она не будет очень привлекательной для пользователя.

Давайте перейдем к его оптимизированной версии . Давайте оставим левую рамку с фотографией модели ... и просто активируем вид правой рамки при наведении мыши . Яркий визуальный и оптимизированный «живой текст»; хороший пользовательский опыт и легко исследуемый и интерпретируемый контент для роботов и, следовательно, индексация в поисковых системах. Простота красоты этого решения оставляет вас безмолвным? Доказательство того, что можно объединить графическую красоту и SEO-оптимизацию .

3. Расширяемые div.

Еще один отличный способ включить индексируемый контент в дизайн UX-страницы - это расширяемый элемент div . Давайте продолжим на примере Moz с панелью продукта, которая предлагает эффективный визуальный метод для привлечения кликов.

За исключением некоторых текстов и т. Д. , Этот вид панелей, к сожалению, очень мало подает поисковым системам эксплуатируемый контент. Тот же рефлекс, что и раньше, добавление логики div, масштабируемой к этой панели, позволяет использовать пространство для SEO . Нажав на каждое из изображений, можно развернуть дополнительные визуальные элементы, чтобы еще больше упростить процесс покупки и повысить коэффициент конверсии, а также, прежде всего, запустить длительный процесс индексации предложения в поисковых системах. ,

4. Семантический призыв к действию.

В большинстве случаев призыв к действию делается и реализуется в виде изображений . Веб-дизайнер концентрирует все свои усилия на создании привлекательного и яркого изображения, которое запускает преобразование пользователя . Скидки, специальные предложения, загружаемые предметы ...

Очевидно, что разработчики веб-страницы не заинтересованы в том, чтобы содержание таких призывов к действию не читалось роботами поисковых систем . В примере с Moz мы всегда ясно видим, как предложить текстовую альтернативу, оптимизированную для SEO, без ущерба для визуального творчества.

5. Приоритет информации на всей странице.

Хорошая модель для достижения оптимизированной домашней страницы SEO - полагаться на дизайн обложек журналов . Верхний квартал часто отводится для идентификации журнала, а также для ключевых элементов, которые нужно выделить и предложения. Это знаменитые горячие точки Хорошо известно специалистам по информационной архитектуре и веб-дизайнерам. Именно благодаря им журнал выходит из кучи. Это также следует учитывать при построении оптимизированной для SEO веб-страницы, особенно с учетом недавнего обновления « верхнего уровня » Google Agorithm, который оценивает контент, расположенный над ватерлинией (видимая область для Интернета). пользователь без скроллера). Небольшое резюме хорошего макета страницы в инфографике напротив (подписано Моз).

Еще не убежден? Ознакомьтесь с оптимизированной демоверсией SEO для Moz: //www.graphitas.co.uk/randomboutique/ , Вы не скажете, что дизайн и SEO не смешиваются. У вас есть другие идеи, другие примеры?

Новости

Интернет магазин искусственных цветов
Человеческая фантазия безгранична, как и стремление человека к прекрасному. Это не может не радовать творческих личностей, да и вообще представителей современного прогрессивного человечества. Но в двойне

Werkel интернет магазин
Электроснабжение дома, квартиры является той системой, которой мы пользуемся раз в день. Подключение устройств к розеткам, включение и выключение света — мы нередко исполняем эти деяния, не задумываясь.

Интернет магазин ЛЕГО
Ка быстро растут чужие дети, да что там чужие и свои растут не медленнее. Еще казалось только вчера Вы ощутили небывалый прилив нежности только сказав мужу новость, что скоро он станет папой. И вот уже

Билайн домашний интернет за 1 рубль
Компания Beeline предоставляет абонентам не только качественную  мобильную связь, но и домашний интернет с телевидением. Появилась услуга недавно, поэтому многие клиенты ещё не знают об интересной

Как устранить ошибку 651 при подключении к интернету
Ошибка 651 может возникнуть из-за технических проблем со стороны провайдера или Вашего сетевого оборудования. В этом всем участвуют сетевая карта компьютера, роутер или модем. Если на Вашем компьютере

Кому какой пакет: на что хватит 1 ГБ мобильного интернета, а на что нужно больше
28 Января 2016 15:00 34791 С появлением 3G в Украине мобильный интернет перестал быть медленным и неполноценным придатком к смартфону, а стал таким же рабочим инструментом, как и Wi-Fi.  Скорость

Операторы показали украинцам 3G: на что хватит 1 ГБ трафика
Операторы предлагают абонентам пакеты с 0,7-2,5 ГБ трафика. Много это или мало? И что конкретно можно сделать, имея в смартфоне 1 ГБ? К середине июня уже два из трех мобильных операторов - Астелит (life:)

Интернет-банк Банка Авангард
Обзор системы интернет-банка Пожалуй, не будет преувеличением сказать, что интернет-банк – самый востребованный банковский сервис современного банка. Возможность подключения практически

Наталья Толстая - Что делать, если у мужа появилась любовница? Советы психолога
Еще лет двадцать назад невозможно было себе представить, чтобы люди знакомились, влюблялись и изменяли своим половинам, не вставая с кресла. Но с появлением Интернета все это стало реальностью... Виртуальный

Что делать если 3G,LTE и WIFI не работает
«Мегафон» - это компания, которая предоставляет услуги мобильной связи, а так же доступ к Интернету. Эта российская компания набирает все большей и большей популярности, так как имеет множество разных