Дизайн Против Seo: Может Ли Мой Сайт Хорошо Выглядеть И Хорошо Ранжироваться

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

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

Как объединить амбициозные изменения, необходимые для достижения значительного рейтинга, и НЕ поставить под угрозу дизайн вашего сайта?

Дизайн нельзя игнорировать

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

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

И вы не одиноки, если у вас возникает обескураживающая мысль: если я проделаю все эти SEO-штуки и стану номером один по всем направлениям, кто останется на моем сайте, потому что он настолько устаревший и скучный, что мне даже неловко отправлять туда людей. !

Есть два способа успешно объединить дизайн и SEO. Первый — это быть «голубой фишкой» и/или компанией из списка Fortune 500 с многомиллионными бюджетами на рекламу и брендинг, чтобы доставлять адрес вашего веб-сайта по телевидению, радио, рекламным щитам, пиар-вечеринкам и раздачам подарков с вашим логотипом.

Поскольку есть вероятность, что это не вы и уж точно не я, давайте рассмотрим второй вариант. Он начинается с некоторого исследования вашего рынка, вдумчивого и творческого планирования, а также с дизайнера, который является оптимизатором поисковых систем и понимает, по крайней мере, базовые методы программирования CSS и HTML. Или сочетание людей с этими навыками, которые могут очень хорошо работать вместе.

Дизайн предназначен для брошюр, мгновенные результаты — для Интернета.

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

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

Строительство 101- Привлекательный дизайн и SEO

К сожалению, очень сложно оптимизировать сайт, не переработав его полностью. Скоро вы поймете, почему. Дизайн и SEO должны быть прочно укоренены во всех аспектах друг друга, создавая настоящую симбиотическую связь. Давайте посмотрим на упрощенный пример этого. Допустим, вы оптимизируете страницу по ключевой фразе «рецепт тыквенного хлеба».

С точки зрения дизайна «Рецепт тыквенного хлеба» будет заголовком страницы, написанным красивым, читаемым шрифтом, со словами, возможно, оранжево-коричневого цвета. И давайте добавим к этому красивое зеленое правило.

Есть много способов создать этот простой цветной заголовок. Однако есть только один способ, который лучше всего подходит как для дизайна, так и для SEO. То есть использовать каскадные таблицы стилей или CSS. Кроме того, строка кода, содержащая «Рецепт тыквенного хлеба», должна располагаться как можно ближе к верху страницы (что также позволяет CSS).

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

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

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

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

SEO обычно означает REDO

В предыдущем примере с тыквой CSS вообще устраняет необходимость практически в любом дополнительном коде и предоставляет средства для размещения текста справа от фотографии.

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

Вы можете быть уверены, что существует как минимум 30 веб-сайтов, созданных для ранжирования по ключевым словам «рецепт тыквенного хлеба». Примечание. Почему я использовал число 30? Можно с уверенностью предположить, что если вы не находитесь на первых трех страницах результатов поиска, вас не видят.

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

Эстетическая значимость против трафика

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

Точно поймите, какую роль ваш сайт должен играть в маркетинге вашей компании.

Спросите: какова цель вашего сайта и кто его аудитория? Это для существующих клиентов? Это для привлечения новых клиентов? Осваивать еще не освоенные сегменты рынка?

Спросите: насколько сильно другие ваши маркетинговые усилия продвигают ваш сайт?

Спросите: является ли ваш веб-сайт продолжением вашего существующего материала, который должен отражать тот же графический вид?

Спросите: предназначен ли ваш веб-сайт для помощи вашим продавцам или это ваш отдел продаж?

Скорее всего, у вас не будет ни одного ответа. Это нормально. Это даст вам немного мяса, которое ваш дизайнер/оптимизатор-оптимизатор сможет переварить и разработать для вас решение.

Реальный пример дизайна, сбалансированного с SEO и продаваемостью

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

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

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

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

Каталог может управляться базой данных, быть простым и изменяемым, и у вас есть основа для повышения своего рейтинга в поиске.

Планирование вашего сайта

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

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

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.