101 способ сделать ваш сайт лучше

Перевел статью «101 Ways to Make Your Website More Awesome» для читателей и себя. Она достойна вдумчивого прочтения каждому, кто хочет сделать свой сайт. Неважно, с какой целью — представить свой бизнес в Интернете или рассказать о себе любимом.

Даже если у вас есть сайт, среди 101 пункта найдется то, о чем вы забыли или решили пропустить, посчитав ненужным. Важно всё!

Первоисточник: Medium. Автор — Николас Тарт, со-основатель сервиса Awesomeweb.com, помогающего быстро найти фрилансера-профессионала.


Мои комментарии помечены серым цветом вот так.

1. Начало

Разговаривал на прошлой неделе с давним клиентом, она поделилась своей проблемой: «Ник, я знаю, что мне нужна помощь с сайтом, но я не уверена, что конкретно нужно сделать».

Поэтому я стал спрашивать. Друзей, семью, других не-связанных-с-интернетом деловых парней. Все ответили одно и то же:

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

Так что я начал составлять список того, что мы делаем в AwesomeWeb (и некоторые штуки, которые не делаем).

Вот моё обещание…

…Если вы выполните все пункты списка, ваш сайт будет одним из, если не лучшим, в вашей отрасли.

Откуда ты знаешь?

В AwesomeWeb я контролирую работу 1 000+ лучших в мире фрилансеров. Если не изменяет память, никогда не встречал сайт, который бы соответствовал абсолютно всем пунктам.

Как владелец бизнеса, используйте этот список, чтобы знать, что должно быть сделано. Отправьте его дизайнеру или разработчику. Некоторые пункты вы можете выполнить сами.

Как фрилансер, используйте этот список, чтобы сделать всё, что вы создаёте, восхитительным. Вернитесь к старым клиентам и скажите:

«Я пересмотрел то, что мы построили, и хочу заметить, что можно исправить тут, там и здесь. Я сделаю это за $500, $1000, $5000 и вы можете ожидать, что результаты… » (Совет назвать собственноручно сделанную работу плохой и попросить деньги на доработку звучит наивно — прим. Дмитрия.)

Дело в том…

…Я хочу помочь вам сделать Интернет шикарным. Всё начнётся здесь, с этим списком.

2. Шикарный брендинг

  1. Сделайте профессиональный логотип. Сейчас трудно найти сайт или блог с хорошим логотипом. Так что это хороший способ построить мгновенное доверие.
  2. Загрузите фавиконку высокого качества (значок сайта на вкладке вашего браузера). Большинство сайтов имеют иконки размером 16×16 пикселей. На экранах Retina они выглядят размыто. Используйте X-Icon Editor для создания значков размером 64×64 пикселей. (Большие иконки нужны и для приятных глазу ярлыков в меню программ мобильников — прим. Дмитрия.)
  3. Всегда используйте изображения для Retina. Просто убедитесь, что картинка в два раза больше, чем её контейнер, а затем масштабируйте в меньшую сторону. (Не согласен. Лучше использовать фотографии разного разрешения в зависимости от того, на каком экране открыт сайт. В WordPress для этого есть встроенные функции — прим. Дмитрия.)
  4. Используйте 2-3 цвета максимум. У вас должны быть цвета фона, призыва к действию, и еще один для контраста.
  5. При выборе цветовой палитры основывайтесь на комплиментарном или триадном сочетании цветов. Хорошее сочетание цветов даст вам дизайн, который рассказывает историю.
  6. Никогда не используйте настоящий черный (#000000). Такого цвета не существует в природе, будет выглядеть неестественно и в Интернете. На самом деле черный — это всегда темный оттенок другого цвета.
  7. Никогда не используйте нейтральный серый цвет (например, #cccccc), если хотите, чтобы ваш дизайн был «с характером». Добавьте оттенок желтого, чтобы подарить тепло, красный, чтобы дать энергию, или синий, чтобы создать доверие.

3. Клёвая типографика

  1. Выберите премиумный шрифт. Используйте такой сервис, как Typekit. Говорят, что 95% Интернета — это типографика. Качественные шрифты — самый простой и недорогой способ произвести хорошее впечатление на посетителя.
  2. Используйте 2-3 шрифта максимум. Большее количество привносит сумбурность и замедляет время загрузки. Выберите шрифты для заголовков и абзацев. Можно ещё один для особых случаев.
  3. Установите базовый размер шрифта в 16px как минимум. Все, что меньше, трудно читать на больших дисплеях. Для мобильных устройств уменьшите до 12px.
  4. Используйте типографские соотношения — например, добавление четверти, чистую квинту (интервал в пять ступеней, странный термин в контексте типографики — прим. пер.) или правила золотого сечения. Используйте соотношения, чтобы установить размер шрифта для обычного текста и заголовков от четвертого до первого уровней. На основе этого вычислите высоту строки и размеры отступов текста.
  5. Продумайте стиль других типографических элементов: цитат, маркированных и нумерованных списков, заголовков, справочных текстов, уведомлений, выделенного текста, примеров кода, аббревиатур и даже адресов.
  6. Используйте иконочный шрифт вроде Font Awesome вместо того, чтобы использовать изображения для таких распространенных элементов, как логотипы социальных сетей, кнопок навигации и интерактивной графики. Иконочные шрифты загружаются быстрее, они дают вам полную свободу в выборе цвета, их можно масштабировать хоть до бесконечности.

4. Шикарные макеты

  1. Применяйте правило третей при создании макета. Разделите ваш макет на три горизонтальные и три вертикальные части. Ключевые элементы должны размещаться там, где пересекаются линии.
  2. Продумайте вертикальную сетку. Разделите ваш интерфейс на 8-, 12-, 16-колоночные макеты с щедрым промежутком между ними.
  3. Соблюдайте вертикальный ритм в базовой сетке. Пространство между строками текста так же важно, как пространство между содержимым блоков. Нижняя граница каждой строчки должна «сидеть» на базовой линии.
  4. Белое пространство ценно. С его помощью можно соблюсти баланс, не перегружая глаз. Это способ указать читателю на самое главное.
  5. Соблюдайте баланс между визуальными элементами на вашем сайте, таких как кнопки, поля ввода, формы, заголовки и т. д. Вам нужно уметь расслаблять глаза и представлять путь, по которому побежит взгляд посетителя.

5. Шикарный UI

(UI — пользовательский интерфейс)

  1. Используйте большие, заметные кнопки призыва к действию. Каждая страница должна иметь только одну. Это почти всегда срабатывает, чтобы кнопку нажали. Убедитесь, что кнопки не теряются на странице.
  2. Добавьте эффекты наведения и активации вашим ссылкам, кнопкам, полям ввода и текстовым полям. Если вы решили, что при наведении кнопки будут светлее, то же самое нужно сделать со ссылками и границами полей ввода.
  3. Будьте последовательны со стилями форм. Все текстовые поля и поля ввода должны быть оформлены одинаково. Все границы, цвета, цвета фона, при наведении, активации, текстовые метки, активный текст и др. Убедитесь, что свойство tabindex настроено правильно, чтобы можно было переключаться по нажатию Tab в правильном порядке.
  4. Изменяйте цвет посещённых ссылок, чтобы пользователь знал, что на этой странице он уже был.
  5. Как только у вас появятся логотип, цвета, типографика, макет и установленные размеры фотографий, пропишите всё в руководстве по стилю. Хорошие пользовательские интерфейсы состоят из подогнанных, одинаковых по стилю кирпичиков.

6. Офигенный UX

(UX — пользовательский опыт)

  1. Добавьте микровзаимодействия кнопкам и другим областям. Например, кнопка «Отправить» после нажатия может меняться на «Отправляется» или «Обрабатывается».
  2. Не трогайте функцию прокрутки! Никогда не связывайтесь с стандартным поведением браузера. Вы можете вообразить, что приятно прокручивать страницу вдвое быстрее обычного, но это не так.
  3. Избавьтесь от слайдера на главной странице. Они уменьшают конверсию и есть способы получше для отображения большого количества информации в ограниченном пространстве. (Спорное утверждение. Даже на главной Ebay есть слайдер — прим. Дмитрия.)
  4. Никогда не используйте приветственное уведомление. Посещая вашу домашнюю страницу впервые, пользователь ожидает увидеть домашнюю страницу, не что-то другое. (Имеется в виду, что при первом посещении сайта не должно перекидывать на страницу вида «О, привет! Подпишитесь/Посетите/Купите что-то там!». Если посетителю надо, он подпишется и купит без всяких назойливых уведомлений)
  5. Чтобы текст было легко пробежать глазами, используйте заголовки, подзаголовки, вводные параграфы, списки и подписи. Многие люди при посещении страницы сначала «сканируют» её взглядом, прежде чем приступить к чтению.
  6. Добавьте текст с подсказками на все ваши формы, текстовые поля ввода и выпадающие меню. Если вы хотите, чтобы кто-нибудь заполнил поле, покажите им пример. Для выпадающего списка или форм с выбором сделайте первый вариант описательным. «Выберите год» лучше, чем «2016».
  7. Добавьте проверку HTML5 к своим формам, чтобы было понятно, что за ошибки происходят, когда пользователь пытается отправить их.
  8. Сделайте свои сайт удобным для слабовидящих, избегая странных названий ссылок, уменьшая беспорядок, используя знаки препинания, соблюдая простоту макета, добавляя альтернативный текст для изображений, используя более крупный текст и соблюдая высокий контраст между текстом и цветом фона.
  9. Проверяйте ваш сайт на битые ссылки с помощью BrokenLinkCheck.com. Исправляйте битые ссылки, чтобы люди не злились, нажав на них.

7. Шикарная разработка

  1. Убедитесь, что ваш сайт оптимизирован для мобильных устройств для корректного отображения на любом устройстве. Правильно оптимизированные мобильные сайты загружаются быстрее, имеют высокий рейтинг и дают пользователям лучший опыт.
  2. Создавайте и выводите изображения оптимального размера. Если вы загрузили большую картинку, вроде заглавной фотографии в записи блога, убедитесь, что в других местах сайта показываете уменьшенную копию вместо полноразмерной.
  3. Добавляйте теги «alt» и «title» для всех изображений и ссылок. Если по какой-то причине картинка не загрузится, ваш сайт все равно покажет описание этого изображения. Когда вы наведёте курсор на ссылку, браузер отобразит содержимое тега «title» в подсказке.
  4. Используйте теги <strong> и <em> вместо <b> и <i>, чтобы сделать текст жирным или наклонным. Результат выглядит одинаково, но на деле имеет фундаментальные различия. <b> — это просто стиль, а <strong> сообщает, что текст важен.
  5. Исправляйте корявый HTML-код. Если вставить скопированный контент в визуальный редактор (например, как в WordPress), то в исходный код добавится много ненужных тегов и стилей. В итоге ваш сайт станет нечитабельным.
  6. Кстати говоря, удаляйте встроенные стили из HTML. В 99% случаев правила оформления должны быть в файле CSS, чтобы при правке эффект распространился на все экземпляры компонента вместо того, чтобы редактировать каждую страницу и строчку по отдельности.
  7. Используйте переменные Sass вместо CSS, чтобы хранить цвета и другие компоненты, одинаковые по всему сайту. Хотите изменить цвет и все его оттенки? Обновите одну строку вместо сотни.
  8. Ставьте относительные ссылки вместо полных URL-адресов в случае, если вы планируете менять домен. Например, при переходе по ссылке на определенную страницу, HTML-код ссылки должен быть таким: <a href=»/slug-goes-here»> вместо <а href=»http://domain.com/slug-goes-here»>. То же самое для адресов изображения и фона в CSS. Если вы этого не сделаете и перенесёте сайт на новый домен, все ваши ссылки будут ссылаться на несуществующий сайт. (На самом деле исправить абсолютные адреса в HTML-коде не сложно, это нормально при смене домена. У относительных ссылок есть недостаток, сам с ним столкнулся — когда ваши заметки бездумно копируют на чужой сайт, все относительные ссылки не будут вести на исходный.)
  9. Создайте ваш собственный плагин или инструмент, чтобы обеспечить уникальные функциональные возможности вашего сайта. Специализированное программное обеспечение трудно поддерживать, но даст вам конкурентное преимущество по сравнению с подобными сайтами.
  10. Тестируйте на совместимость с различными браузерами. Убедитесь, что ваш сайт отображается корректно в Chrome, Firefox, Safari, Internet Explorer и других браузерах. Старые версии IE, как известно, плохо отображают сайты. Используйте BrowserStack и проверяйте вручную.
  11. Используйте сервис проверки разметки консорциума W3C, чтобы найти вопиющие ошибки в вашем HTML. Учтите — большинство сайтов не содержат идеальный HTML-код. Это не первостепенная задача, но хорошая идея — сводить количество ошибок к минимуму.
  12. Настройте промежуточную версию, чтобы вносить изменения в свой текущий веб-сайт. В идеале вы должны иметь финальную версию сайта для всеобщего обозрения и внутреннюю для разработки, где программист может делать правки. После того, как изменения будут жизнеспособны, можно переносить их в финальную версию (на продакшн). (Если ваш программист вносит изменения сразу в продакшн — обсудите это с ним. Либо у него недостает квалификации и в случае ошибки сайту станет плохо, либо он всё-таки делает отладку на девелоперской версии сайта и тогда всё хорошо.)
  13. Показывайте актуальный год в копирайте в футере. Когда вы видите сайт со старым копирайтом, то начинаете считать, что он уже не развивается. Используйте PHP или подобный скрипт для показа текущего года вместо статического текста (например, © <Год основания> — <текущий год>).

8. Отличная поисковая оптимизация

  1. Выберите одну ключевую фразу для каждой страницы, по которой вы хотите ранжировать страницу. Сосредоточитесь на оптимизации каждого аспекта страницы по этому ключевому слову. Не вставляйте ключевое слово в каждом предложении. Подходите с умом к ранжированию.
  2. Пропишите ключевые слова в тегах заголовков на каждой странице. Название выглядит синей ссылкой в результатах поиска Google. Ограничьтесь 55 символами.
  3. Используйте один и только один тег H1 на странице. В большинстве случаев H1-заголовок дублирует заголовок страницы.
  4. Делайте много Н2, H3 и H4 тегов в контенте, чтобы подзаголовками построить визуальную иерархию страницы.
  5. Оптимизируйте страницу для конкретного ключевого слова, включив его в название, H1, подзаголовки и в первой трети содержания.
  6. Ваше метаописание отображается в результатах поиска как описание под ссылкой. Убедитесь, что вы прописали его на каждой странице и упомянули ключевые слова.
  7. Ваша ссылка, которая находится в URL после домена (т. е. domain.com/это-здесь/), должна включать в себя ключевое словосочетание, разделенное тире.
  8. Google учитывает возраст домена в своём алгоритме, потому что домен, существующий много лет, вероятно, говорит о высоком качестве ресурса. Зарегистрируйте домен на несколько лет вперед. Если вы зарегистрировали домен на 10 лет, то к вашему бизнесу вы относитесь серьёзно.
  9. В среднем, первый результат на SERP (странице результатов поиска) для любого заданного ключевого слова ведёт к странице из более чем 2000 слов. При написании сообщения в блоге или создании страницы, если вы хотите занять хорошее место, пытайтесь написать по крайней мере 2000 слов.
  10. Обязательно создайте карту сайта в виде файла sitemap.xml и положите его в корневую директорию, чтобы он открывался по ссылке domain.com/sitemap.xml. Это сообщит Google о ваших страницах. Карту сайта лучше обновлять автоматически при добавлении нового контента. Покажите карту Google через Инструменты для веб-мастеров.
  11. Добавив свой сайт в Инструменты для веб-мастеров Google, вы сможете видеть, как Google индексирует ваш сайт и будете в курсе, если есть какие-либо критические проблемы.
  12. Чтобы помочь изображениям ранжироваться, всегда переименовывайте ваши изображения и другие файлы перед загрузкой на сайт (например, kluchevoe_slovo.png).
  13. Добавьте файл robots.txt на ваш сайт, чтобы сообщить поисковым ботам, какие страницы они должны и не должны индексировать.
  14. Добавьте канонический редирект, чтобы перенаправлять с не-www версии на www вашего сайта или наоборот.
  15. Исследуйте и используйте ключевые слова ЛСА (латентно-семантический анализ) на каждой странице, чтобы повысить ранжирование страницы для основной ключевой фразы. Найдите слова для ЛСА, погуглив ключевые фразы и посмотрев ссылки на похожие поисковые запросы.
  16. Убедитесь, что есть перелинковка контента. Каждая страница вашего сайта должна быть доступна максимум через три клика от главной страницы.
  17. Добавьте структурированные данные на важных страницах, чтобы помочь Google должным образом индексировать контент. Типы страниц, которые нуждаются в пользовательских структурированных данных, включают в себя людей, продукты, события, организации, фильмы, книги и обзоры. Используйте Schema Creator для создания структурированных данных.
  18. Проверьте результаты теста PageSpeed Insights Google, чтобы убедиться в отсутствии проблем, замедляющих скорость загрузки страницы. Чем быстрее сайт загружается, тем выше его ранжирование.

9. Потрясающе быстрая загрузка

  1. Страница должна быть меньше двух мегабайт. Используйте tools.pingdom.com для проверки веса основных лендинговых страниц.
  2. Держите отклик страницы меньше 50 миллисекунд. Каждый файл и картинка создают отдельный HTTP-запрос. Чем меньше запросов, тем быстрее загрузка. В среднем одна страница делает 70 запросов. Используйте GTmertrix для просмотра запросов. (С распространением HTTP 2.0 проблема запросов исчезнет.)
  3. Оформляйте элементы страницы с помощью CSS вместо фоновых изображений. Никогда не используйте картинки для кнопок, форм или других часто используемых компонентов на вашем сайте. CSS загружается быстрее, а при работе с адаптивным макетом это ещё и удобный инструмент.
  4. Оптимизируйте изображения перед загрузкой на сайт. Утилиты вроде TinyPNG могут уменьшить размер файлов до 80-95% без потери разрешения или качества.
  5. Настройте CDN для хранения ваших изображений и других больших файлов в разных местах планеты. CDN хранит и отдаёт файлы в зависимости от расположения серверов, чтобы сделать их загрузку максимально быстрой в зависимости от физического местоположения посетителей.
  6. Уменьшайте JavaScript, HTML и CSS, используя компиляторы и утилиты сжатия перед загрузкой на сайт. Для JavaScript есть Closure Compiler. Для HTML — HTML Minifier. Для CSS — YUI Compressor.
  7. Скрипты JavaScript, мешающие немедленно нарисовать страницу, передвиньте в футер. В шапке должны быть только скрипты, непосредственно влияющие на дизайн (например, для загрузки шрифтов).
  8. Не используйте переадресацию на лендинговой странице. Это вызовет дополнительный http-запрос, задерживающий отрисовку страницы. (Совет непонятен. Зачем делать переадресацию?)
  9. Используйте кеш браузера, установив сроки годности для страниц и типов страниц, которые редко обновляются. Инструкции кэширования говорят браузеру, что он должен загружать страницы с жёсткого диска, куда они были заранее сохранены, а не через сеть..
  10. Включите сжатие GZIP в конфигурации сервера. Сжатие может уменьшить время отклика на 90%, что улучшает время первого рендеринга для ваших страниц.
  11. Включите Keep-Alive в серверных настройках, чтобы использовать одно TCP-соединение для отправки и получения нескольких запросов HTTP, тем самым уменьшая время ожидания для последующих запросов.
  12. Обновление до выделенного сервера или дорогого хостинга снизит время открытия страниц. При использовании виртуального хостинга ваш сайт, как правило, один из сотен на сервере. Если хоть один из тех сотен требует много трафика, открытие вашего сайта замедлится.

10. Восхитительный графический дизайн

  1. Сделайте нестандартную обложку для электронной книжки в качестве бонуса. Их не трудно создать, зато ощутимо увеличится конверсия. (Совет не совсем понятен. Возможно, автор имел в виду электронные обложки для товаров, не только книг.)
  2. Придумайте оригинальную графику или иллюстрации для главной страницы или страницы продаж. Хорошая иллюстрация, сделанная специально для вашего сайта — простой способ сделать сайт более запоминающимся.
  3. Придумайте дизайн для заглавных изображений записей в блоге. Это та картинка, которую пользователи видят в Facebook, Twitter, Pinterest и др. Когда пользователь видит картинки, сделанные в едином стиле, он знает, что там ваш контент.
  4. Показывайте индивидуальные аватарки или карикатуры себя и каждого члена вашей команды. Карикатуры могут дешевле обойтись, чем услуга профессионального фотографа каждый раз, когда вы добавляете кого-то в свою команду. Кроме того, это хороший подарок новому члену команды.
  5. Инфографика, отображающая данные и другой контент в визуальном виде, как правило, получает больше трафика, чем текстовый эквивалент. Люди любят делиться инфографикой на сайтах вроде Pinterest или повторно размещать их на своих сайтах с указанием обратной ссылки на ваш сайт.
  6. Если вы создаёте видео или серию из видео, то должны иметь оригинальные вступление и/или концовку, чтобы продукт выглядел профессионально. Не говоря уже о другой графике или анимации, которая поможет вашему бренду выделиться.

11. Непробиваемая защита

  1. Установите SSL-сертификат, чтобы обеспечить безопасное соединение с веб-сервером браузеру. Большая часть софта для продаж требует SSL-сертификата, если вы принимаете кредитные карты. Google сказал, что SSL-сертификат улучшит ранжирование в поисковой выдаче.
  2. Обновляйте свой софт и плагины. Когда WordPress и другие CMS выпускают обновление, это, как правило, для устранения уязвимостей. Если вы не будете обновляться, это только вопрос времени, прежде чем ваш сайт будет взломан.
  3. Настройте двойную авторизацию для страниц админки. Большинство хакеров начинают со страницы входа.
  4. Проверьте и удалите вредоносные программы. Если ваш сайт ранее взломали, скорее всего у вас есть заражённые файлы, которые не так легко обнаружить. Если вы не удалите их сразу, ваш сайт может попасть в черный список Google, который пройдёт танком по вашему ранжированию и предупредит пользователей, что ваш сайт нельзя посещать.
  5. Никогда не оставляйте администраторский логин «admin». Удалите учетную запись администратора по умолчанию и создайте новый с другим логином. (Или переименуйте логин существующей учетной записи.)
  6. Регулярно делайте резервные копии базы данных и файлов сайта. Большинство программного обеспечения и плагинов для резервного копирования делают только резервную копию базы данных, которая содержит данные и папку с контентом. Но если сайт рухнет, вы должны иметь резервную копию всех файлов, чтобы восстановить его.

12. Обалденный контент

  1. Создайте оригинальную страницу ошибки 404, которая будет отображаться каждый раз, когда пользователь пытается перейти на несуществующую страницу. Сделайте так, чтобы страница 404 перенаправляла пользователя назад на главную или помогала найти то, что ищут.
  2. Кроме главной страница «О нас», вероятно, самая посещаемая на сайте. Убедитесь, что на ней вы хорошо рассказываете о себе и своей компании.
  3. Страница с контактами поможет людям связаться с вами, но она также будет строить доверие между вами, вашими посетителями, и даже Google. При определении того, как ранжировать ваш сайт, поисковые системы ищут контактную страницу и смотрят — есть ли электронная почта, номер телефона и адрес. Контактная информация сообщает Google, что сайт является чуть более надежным.
  4. Хорошо, когда формы для подписки расположены в стратегически важных местах сайта. Но еще лучше, если будет отдельная страница для этого. Когда вы хотите, чтобы кто-нибудь подписался, добавьте ссылку на неё.
  5. Когда кто-то подписывается на вас, убедитесь, что вы отправили их на страницу с просьбой подтвердить свой адрес электронной почты. Если они не подтвердили свою электронную почту сразу, они могут забыть об этом и никогда не вернутся.
  6. После того, как они нажмут на ссылку для подтверждения в электронной почте, отправьте их на страницу с благодарностью, где видно, что ожидается дальше. Эту страницу увидит каждый подписчик, причем только один раз, так что это прекрасная возможность предложить им сделку или поощрить на покупку.
  7. Ваш сайт или тема оформления должна иметь шаблон целевой страницы, который можно использовать, когда вам надо, чтобы пользователи совершили определённое действие.
  8. Если вы что-то продаете, убедитесь, что у вас приятно выглядящие страницы товаров. Начните с заголовка. Затем добавьте место для витрины. Можете добавить видео продаж. И направьте людей к покупкам в нижней части страницы.

13. Социальная крутотенечка

  1. Ограничьте количество кнопок социальных сетей в записях и на страницах, потому что каждая кнопка запускает скрипт, который добавляет дополнительное время загрузки страницы. Хватит 1-5 кнопок, например, Facebook, Twitter, LinkedIn, Pinterest, Google и т.д., где ваш контент получает наибольший отклик.
  2. Создайте индивидуальное оформление ваших страниц Facebook, Twitter и канала на YouTube. Изготовленная на заказ графика произведет положительное впечатление у впервые посетивших ваши страницы и подтолкнет к лайкам и подписке.
  3. Настройте мета-теги Facebook Open Graph, чтобы ваш контент корректно отображался в Facebook. Используйте Facebook Debugger для проверки, как будет выглядеть домашняя страница, записи и другие.
  4. Настройте Twitter Cards так, чтобы при опубликовании ссылки на вашу страницу прикреплялись фотографии и видео. Подробнее в документации Twitter Cards.
  5. Настройте сниппеты Google+, чтобы контролировать внешний вид записей, когда люди делятся вашим сайтом в Google+. Используйте руководство по сниппетам для написания кода. Даже если ваш сайт не получает много любви в Google +, Google будет знать, что вы правильно оформили метаданные и добавит вес в ранжировании.
  6. Уберите иконки социальных медиа на вашем сайте, ссылающиеся на ваши профили. Сделайте их маленькими или поставьте только в футере. Цель социального медиамаркетинга — заставить людей придти на ваш сайт, не наоборот.

Итак, я ничего не упустил? Что ещё вы делаете как фрилансер или владелец бизнеса, что делает ваши сайты более удивительными?

Я хочу услышать ваши отзывы. Оставьте комментарий или твитните @wntart. (на английском!)

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

Ваше здоровье,
Ник

P. S. Если вам нужна помощь с чем-нибудь из этого списка, наймите дизайнера, разработчика или разместите работу. У нас лучшие в мире фрилансеры и они рады помочь!

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *