Написание для Интернета - 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 не смешиваются. У вас есть другие идеи, другие примеры?

Похожие

Комментарии