Сегодня в Интернете существуют миллионы сайтов, которые активно конкурируют между собой в поисковой выдаче и в завоевании аудитории. Пользователям Интернета постоянно нужна всё новая информация и новые услуги, однако при таком большом предложении, они вправе выбирать те сайты, которые вызывают уважение и интерес. В этом посте мы, авторы блога BlogWork.RU поделимся с вами советами о том, как правильно оформить свой проект, чтобы он выигрышно смотрелся на фоне аналогичных ресурсов.
Что входит в понятие «оформление сайта» в нашем понимании:
- Подбор цветовой гаммы для сайта;
- Формирование расположения текста, рисунков и видео материалов на страницах;
- Расположение информационных блоков (рекламы, комментариев, похожих статей и т.д.)
- Подбор шрифта (стиля и размера);
- Оформление элементов дизайна таким образом, чтобы было удобно посетителю.
Почему ещё важно ПРАВИЛЬНО оформить сайт?
Кроме визуального наслаждения, которое должен приносить сайт, он естественно просто обязан быть удобным, этот фактор будет решающим при возвращении посетителя на сайт, при формировании мнения о ресурсе, и самое главное – при анализе поисковых систем Яндекс и Google, а соответственно и при ранжировании в выдаче. Давайте разберемся, как так получается!
Подробная инструкция как добавить статью на сайте WordPress
Во всём виноваты, поведенческие факторы. Постоянные читатели знают уже, что это такое, так как мы писали об этом целую статью, но на этот раз давайте остановимся на тех моментах, которые касаются оформления и дизайна сайта.
- Правильно подана информация;
- Выделены главные элементы статьи;
- Есть дополнительные тематические ссылки;
- Цвета не «выедают» глаз;
- Явно выражены основные достоинства сайта.
- Человек дольше пробудет на странице;
- Просмотрит дополнительные страницы;
- Зарегистрируется;
- Оставит комментарий;
- Добавит сайт в закладки или социальные сети;
- Вернется на сайт ещё раз.
- Сайт будет лучше ранжироваться в поисковой выдаче;
- Поисковые системы будут уважать проект;
- Ресурс получит ещё больше целевой аудитории.
Теперь мы уверены, что за оформление сайта, вы возьметесь активнее, но а мы вам в этом с удовольствием поможем.
Как оформить сайт правильно?
Чтобы хоть как-то структурировать наши советы, мы разобьём их на страницы и главные элементы.
Цветовая гамма сайта
Создавая дизайн сайта, или дорабатывая его элементы, вы обязаны просто помнить о простом правиле: «На сайте должно быть не более 5-ти цветовых оттенков». Выбирать эти оттенки тоже нужно уметь, так как далеко не все цвета сочетаются. Помочь с этим могут специализированные сайты. Мне, например, очень по душе www.colourlovers.com – тут можно с легостью подобрать желаемую цветовую гамму с точными номерами цветов, а главное — посмотреть как они сочетаются. После чего, старайтесь во всех элементах использовать только эти цвета и оттенки.
Как написать лучшую статью в интернете: пошаговая инструкция
Оформление главной страницы сайта
Главная страница сайт – это лицо сайта, оно должно быть безукоризненным, так как именно по нему можно оценить качество ресурса, объем проделанной работы, полезность, тематичность и его целостность. Вне зависимости от ниши сайта, главная страница должна иметь ссылки на все основные страницы сайта: разделы, статьи, важные информационные страницы (способ оплаты и доставки, например). Другими словами, чтобы человек, зайдя на главную страницу, понял по каким ссылкам нужно переходить, чтобы найти нужную информацию.
Главная страница не должна быть перегружена текстом, основу должны составлять ссылки. Дабы разбавить текстовую массу используйте тематические картинки и иконки.
Если сайт небольшой (например, «Сайт-Визитка»), где нет особо страниц, а значит и ссылок, то на главной должен быть написан структурированный текст с тематическими картинками для наглядности.
Если проект представляет собой Интернет-журнал или каталог, то на главной должны быть выведены, последние и самые интересные посты из каждой категории, оформленные вместе с миниатюрами ( их можно взять из постов).
Коммерческий сайт на главной странице должен содержать перечень всех возможных услуг и поля для оформления заказа. Кроме того, на нём должно присутствовать портфолио, причем примеры из него, также должны быть выведены на главную. Если есть отзывы, то это просто замечательно, лучшие из них, также же отправляем на «лицевую страницу» проекта.
Оформление внутренней страницы сайта
Внутренние страницы сайта являются, как правило, целевыми, то есть на них оформляют заказы, кликают по рекламе или переходят на партнёрки. В общем, ими заниматься в ваших же интересах, ведь чем правильно оформлена страница, тем выше будет доход.
- На самом видном месте (в центре странице) должен находиться тот контент, за которым пришел человек (статья, видео ролик, фотографии и описание товара и т.п.).
- На втором месте по важности должна находиться реклама (дабы по ней кликали), либо же кнопка или форма для оформления заказа. Это нужно сделать для того, чтобы клиент просто так не ушел от вас. Возможно, это несколько назойливо, однако если знать меру (дозировать рекламу и не делать форму/кнопку большой), то всё будет отлично. Такие элементы помещают обычно после статьи или с правой или левой стороны, как можно выше.
- На третьем месте по важности будет находиться навигация по сайту: меню, похожие товары/статьи и другие интересные и полезные ссылки. Этими ссылками мы забиваем остальное пустое место, но опять же, не перебарщиваем, дабы сайт «дышал».
Особое внимание следует уделить комментариям и отзывам о товаре/статье. Сегодня современный человек уже научен, что кроме материала поданного автором, следует ещё читать отзывы/комментарии других людей, это полезно и зачастую даже интереснее чем основной материал. Поэтому продумайте дизайн комментариев таким образом, чтобы он был лаконичным, красивым и легко читаемым.
Особенно важно научиться оформлять статьи блогерам и владельцам информационных сайтов, где главное на сайте – это тексты, качество и читабельность которых является главным.
Оформление «шапки» сайта и «подвала»
Помните поговорку: «Встречают по одежке, а провожают – по уму!». Причём одеждой у нас выступает именно «шапка» сайта или говоря русским языком – верхняя его часть. Шапка должна задавать тематику сайта. От того насколько она профессионально нарисована, и будет зависеть мнение о профессионализме авторов. Если у вас нет навыков, то рекомендуем шапку сделать как можно меньше, оставив на том месте лишь логотип и меню, такой минимализм не создаст ненужного впечатления и гостю придется оценивать проект по его наполнению.
Многие забывают о «подвале» сайта, то есть нижней части, а зря! Дело в том, что большинство посетителей, дочитывая статью до конца, невольно прокручивают страницу до самого низа, в надежде увидеть другие полезные моменты или просто оценить сайт. Поэтому мы рекомендуем поместить в футер (подвал), тематические и полезные ссылки, которые, скорее всего, пригодятся пользователю. Если сайт коммерческого плана, то лучше всего в футер расположить портфолио выполненных работ или отзывы клиентов. Кроме того, не забудьте указать год основания проекта, чем больше возраст – тем больше доверия и серьезнее отношение к нему.
Между шапкой и подвалам есть связь – это фон, поэтому ему тоже следует уделить внимание. В принципе, он решает, какое настроение задать сайту (веселое, серьезное, нейтральное и т.п.). В развлекательных тематиках фон должен быть ярким и запоминающимся, например с левой и правой стороны от основного контента, на фоне можно разместить двух героев (зло и добро). Очень хорошо работают фоны, которые уже имеют в себе какой-то смысл (их хочется разглядывать и изучать). Ещё фоны можно менять, в каждом разделе устанавливая свой, дабы указать на тематичность.
Оформление боковой колонки (сайд-бара) сайта
Если речь идёт о странице, откуда пользователь либо уйдёт сайта вообще, либо сделает заказ, то лучше убрать боковые колонки вообще, чтобы не отвлекать посторонним текстом, ссылками и рисунками. Боковая колонка в принципе не нужна и на главной странице.
Если нет возможности указать, на каких страницах будет боковая колонка, а на каких нет, то делайте следующим образом: если сайт ваш большой (содержит огромное количество полезной и тематической информации), то делайте две узкие колонки. Если проект достаточно узок или наоборот — слишком обширен (обще тематические Интернет-журналы, например), то тогда используйте одну колонку (шириной 300 или 240 пикселей, чтобы поместились основные типы рекламы и стандартных баннеров).
Старайтесь сайд-бар делать максимально незаметным, чтобы в нём не было ярких баннеров, пёстрых элементов дизайна и бесчисленное количество картинок. Это работает лишь в том случае, если вы хотите заставить посетителя порассматривать весь проект, а не конкретную статью. Однако следует ещё понимать, что в 90% случаев пользователи очень ленивы и они, прежде всего, хотят получить информацию за которой пришли, а уже потом готовы читать нечто схожее, если даже оно полезное.
Не забывайте об отступах, чтобы основной контнет не сливался с боковой колонкой. Сегодня красиво смотрятся плавающие сайд-бары, то есть вы прокручиваете страницу, а колонка с левой или правой стороны остается не подвижной. Это следует использовать в тех случаях, когда нужно целенаправленно сосредоточить пользователя на рекламе или на свои иные страницы.
В своей статье мы часто упоминали о норме: советовали не перебарщивать, так вот найти эту норму получится при помощи личных навыков, проб и ошибок, поэтому не бойтесь экспериментировать с оформлением сайта и анализировать полученный результат.
Вот и все наши советы по поводу оформления сайта. Мы согласны с тем, что они во многом расплывчаты, однако нужно понимать, что для каждой ниши есть свои нюансы по поводу оформления, а мы ведь в свою очередь не можем рассмотреть все возможные тематики сайтов. Поэтому, если хотите больше конкретики, задавайте вопросы в комментариях и описывайте свой ресурс, а мы дадим личные рекомендации по конкретным ресурсам.
Источник: blogwork.ru
10 базовых правил написания статей для сайта
Доброго всем дня, уважаемые читатели!
Сегодня мы поговорим о том, как правильно писать статьи на сайт — базовом умении любого web-мастера, дизайнера, журналиста и просто любого человека, который что-то делает в Интернете и публикует там свои труды, желая видеть их на высоких позициях в поисковой выдачи. Под статьями и их продвижением я понимаю не только тексты на новостной сайт или блог, а и описание новых товаров в Интернет-магазине, описание вашей организации, её товаров и услуг — словом, просто любой текст, который мы видим в Интернете.
В написании статей есть два основных аспекта:
1. Принципы написания статей с точки зрения их интереса целевому читателю: сюда входят разного рода лингвистические правила, умение красиво и хорошо выразить свою мысль, способы создания интереса к статье (её привлекательность) и многое другое в таком роде.
2. Более технические моменты: как сделать материалы такими, чтобы они высоко оценивались поисковыми системами и, соответственно, чтоб Ваша конкретная страница и сайт в целом хорошо находились в поисковых системах.
Сегодня мы будем говорить преимущественно о втором аспекте. Однако стоит заметить, что в последнее время алгоритмы поисковых систем стали на столько продвинутыми и интеллектуальными, что оба названных аспекта практически превратились в один. Также следует понимать, что написание хорошей (с позиции соблюдения всех перечисленных ниже правил) статьи не гарантирует вам выход в ТОП поисковиков (хотя в некоторых случаях это возможно), однако без этого вы в него не выйдете точно. Без соблюдения правил, о которых я расскажу вам ниже, ваш материал, а может, и весь сайт, никогда не будет ранжироваться высоко, а может, и вовсе будет забанен поисковыми системами.
Итак, как же правильно написать статью, которая бы находилась в поисковых системах, и по возможности, держалась там на высоких строчках?
Основные правила написания статей на сайт для его продвижения:
1. Составьте список ключевых слов для каждого материала.
2. Заполните списком из пункта 1 тег keywords.
3. Всегда заполняйте теги title и description.
4. Используйте ключевые слова в тексте и соблюдайте нужную плотность.
5. Используйте теги H1-H3 с цитатами целевых запросов.
6. Заполняйте грамотно тег title.
7. Используйте в тексте изображения с заполненным тегом ALT.
8. Используйте в тексте выделение жирным, подчёркиванием, курсивом.
9. Ссылайтесь на другие статьи своего сайта.
10. Не пренебрегайте атрибутом rel=»nofollow».
Теперь рассмотрим каждый из этих пунктов в подробностях.
Пункт 1. Составление ключевых слов — тот шаг, с которого должна начинаться оптимизация любого сайта, независимо от того, для чего он создаётся. Когда-то давно ключевые слова, записанные в теге keywords, являлись наиболее важным параметром, которым руководствовались поисковые системы. Сейчас, ситуация изменилась и одно только наличие нужных слов в указанном теге к первой строчке не приведёт. Но это, как и многие другие параметры, является необходимым условием успешного роста любого сайта.
Итак, первым шагом нам нужно составить набор наиболее важных слов, которые отражают тематику создаваемой статьи и которые входят в запросы, по которым мы хотим чтобы находился наш сайт (точнее в данном случае, его конкретная страница). Представьте, пользователь хочет найти статью на тему того, как продвинуть сайт в Интернете.
Предположите, какие запросы он будет вводить в поисковике? Как он будет формулировать свои вопросы? Какие использовать для этого фразы и слова? К примеру, он может сформулировать запрос так: «как воспитать попугая», «методы воспитания попугаев», «правила содержания попугаев дома» и т.д.. Вот на основе таких методов и составляйте изначальный список нужных вам фраз и слов.
Чтобы не вдаваться в глубокие детали, просто выберите 5-7 ключевых слов (в т.ч. словосочетаний; больше не надо) и используйте их потом в тексте. Подробнее об эффективных методах поиска ключевых слов, поисковых запросов и составления так называемого семантического ядра я писал здесь. Очень рекомендую прочесть. 😉
Пункты 2, 3 и 4. Далее, надо использовать выбранные ключевые слова в тексте. При чём ближе к началу страницы плотность этих слов желательно делать выше, чем в середине-конце . Но учтите — это важно: не стоит использовать данные слова слишком часто! Никогда не ставьте их излишне много (искусственно).
Слишком высокая их плотность и такое использование, которое делает текст искажённым, некрасивым, произведёт обратный эффект: ваш сайт может быть спокойно забанен поисковыми роботами (точнее, попадёт по их фильтры). Текст всегда должен оставаться естественным и удобным для восприятия человеком.
Весьма желательно наличие ключевых слов в первом предложении (хорошо бы ещё и в последнем). Поисковые системы учитывают такое расположение. Подробнее об алгоритмах их работы и влиянии различных факторов на ранжирование сайтов я напишу в одной из следующих статей. Ну и последним шагом надо записать все выбранные слова в специальный тег keywords . В Joomla это реализуется при помощи стандартных функций CMS: при редактировании статьи справа будет набор вертикальных вкладок, из них Вам надо выбрать вкладку «Мета-теги». Выглядит всё это вот так:
Мета-тег Keywords — то, что вам нужно заполнить. Все другие поля, которые вы видите на рисунке выше, также имеют отношение к SEO, и о них я расскажу ниже, а также в других своих статьях. Почти во всех других CMS также есть либо встроенные средства, либо какие-нибудь подключаемые модули для того, чтобы заполнять теги, относящиеся к части продвижения.
Пункт 5. Используйте на странице теги заголовков H1-H3. Это важный элемент, которым также руководствуются поисковые системы, определяя тематику вашего сайта в целом и статьи в частности. Заголовки H1 и H2 должны быть на странице обязательно! Они ярко выделяют наиболее важные значимые предложения вашего материала.
В этих заголовках обязательно использование целевых фраз (запросов) и слов (пункт 1). При чём здесь надо соблюдать ряд правил: заголовок H1 должен быть на странице только один (несколько уже нежелательно), заголовков H2 тоже не должно быть много, но может быть уже 2-3-4. Заголовков H3 может быть сколько угодно, но их использование не слишком сильно влияет на результат.
Тем не менее, время от времени можно использовать и его. Заголовки H4-H6 в лице поисковых систем вообще практически не отличают предложения от обыкновенного текста, потому их использование смысла не несёт. Также учтите, что тег H1 должен представлять собой целостное осмысленное предложение — ни в коем случае не набор ключевых слов через запятую! Для тега H1 это гораздо более критично, чем для title. В случае несоблюдение рискуете резко упасть в позициях ПС.
Пункт 6. Не забывайте о, можно сказать, самом важном теге из всех — title. Он определяет заголовок вашей страницы, который отображается в браузере пользователя (тот, что в строке в самом верху — название вкладки). Именно эти строчки (из тега title) отображаются в поисковой системе самым жирным при показе сайта: первое, что идёт после номера строки и выделено большим жирным шрифтом.
Этот тег важнее, чем H1 и потому его использование более, чем обязательно. Старайтесь всегда аккуратно внимательно и грамотно составлять title-заголовки. Обязательно включайте в них наиболее важные ключевые словосочетания продвигаемой страницы, а лучше — целиком поисковые запросы, по которым хочется видеть страницу в ТОПе. При этом старайтесь делать title-заголовки длиной не меньше 30 символов, ибо стремление поисковых систем к уникальности приводит к тому, что из их выдачи практически исчезли страницы с title-ом длиной ниже 30 знаков. 😉
На рисунке ниже показано, как в CMS Joomla! можно указывать заголовки для пунктов меню (любых).
«Описание ссылки», — это и есть title страницы, на которую ведёт редактируемый пункт меню. Он должен быть всегда заполнен. 🙂
К сожалению, в стандартных средствах Joomla нет возможности задания заголовка для каждого отдельного материала, однако есть удобные плагины, которые позволяют решить эту проблему. Например, Tag Meta или sh404SEF. Подробнее об этих двух плагинах я расскажу в одной следующих статей.
Также есть такой тег, как description: он на ряду с keywords также всегда должен быть заполнен и несёт примерно ту же роль, что и ключевые слова. Только здесь нужно не перечисление значимых и часто встречаемых слов или выражений через запятую. Здесь нужно составить короткое и «цепляющее» описание того, что есть на вашей странице (на той, для которой вы пишите description) — именно на странице, а не на всём сайте! Ибо содержимое тега description ни сколько сильно учитывается поисковиками (сейчас почти совсем не учитывается) — сколько влияет на кликабельность вашей ссылки в поисковой выдаче, ибо именно оно часто показывается в качестве сниппета — того отрывка текста, что идёт под заголовком сайта в поисковом выводе. Примеры сниппентов показаны на рисунках ниже (выделены).
Это примеры продвижения одного из моих сайтов (inforsec.ru) по написанному запросу. Как видите, он на 1-2 позиции в выдаче. Что интересно, продвижение состояло только из внутреннего SEO — всего лишь соблюдение тех правил, о которых я здесь пишу. 😉 Кстати, статья из рисунков весьма интересна. 🙂
Сниппет читает пользователь и прочитав его, решает, нужно ли переходить на данный сайт или нет. Именно от сниппета будет зависеть кликабельность вашей страницы, а от неё — её последующее положение в результате поисковой выдачи! Потому старайтесь писать description очень аккуратно и грамотно, чтобы пользователь сразу понимал, что ваш сайт — то, что ему надо.
Пример: пользователь пишет запрос «как построить свой дом архитектурные планы». Видит ссылку на страницу вашего сайта с описанием: «Архитектурные планы загородных домов. Вся информация о строительстве собственного дома.» Что он подумает? Конечно же, видя такое, он обязательно перейдёт по ссылке.
А если бы описание было примерно таким: «Технологии проектирования и возведения ЖБ-конструкций, архитектура домов», — то что, пошёл бы он сюда? Вряд ли. Так что учтите. 😉
Пункт 7. В тексте статьи обязательно должна быть картинка с заполненным параметром alt. Конечно, картинка должна быть, что называется, «в тему», а также: простой, понятной и интересной. Это полезно не только с позиции продвижения, а и с точки зрения привлекательности для смотрящих ваш сайт людей, что очень хорошо сказывается на росте вашей постоянной аудитории. Параметр alt (означающий описание вашего изображения) необходимо заполнять примерно тем же, чем и description или title: не забывайте включать ключевые слова / целевые запросы.
Пункт 8. Выделение части текста жирным, курсивом и подчёркиванием помогает показать поисковой системе, что в вашей статье наиболее важно и что следует учитывать в первую очередь. Таким образом, это ещё один инструмент, который поможет вам повысить значимость ключевых словосочетаний / запросов (которые были выбраны в п.1). Но здесь, как и ранее, учтите: всё хорошо в меру. Выделяйте нужные участки, но не выделяйте всё подряд, если у вас будет выделена половина текста всей статьи, ваш сайт рискует не то, что не попасть в выдачу поискового робота, а попасть в его бан-лист. К тому же, чем меньше всего текста на странице выделено, тем больше значимость у выделенного текста. 😉
Пункт 9. Это очень важный пункт, который заслуживает отдельной статьи. Расстановка ссылок внутри статьи на другие страницы вашего же сайта называется внутренней перелинковкой и имеет очень высокое значение. Я рассказал об этом вот здесь. Обязательно прочитайте! Если уж совсем лень, то примите за правило ставить внутри текста хотя бы 1-3 ссылки на другие ваши страницы.
Конечно, не просто так и не в виде сторонней рекламы, а чтобы это хорошо сочеталось с контекстом статьи. Эффект не заставит себя ждать, поверьте. И прочитайте приведённую выше подробную статью о внутренней перелинковке. 🙂
Пункт 10. Старайтесь без надобности вообще не ставить ссылки на внешние ресурсы. В особенности, если ваш сайт ещё молод. Но если необходимость есть и ваша ссылка несёт рекламный характер или ведёт на какой-либо ресурс вроде варезного сайта, сайта для скачки чего-то и т.д., то закрывайте все такие ссылки атрибутом rel=»nofollow». Делается это так:
На первых этапах старайтесь придерживаться правила: все внешние ссылки (ссылки не на страницы своего сайта) без явной необходимости старайтесь закрывать этим атрибутом. Со временем и с чтением моего блога поймёте, когда такая необходимость есть, а когда её нет. 🙂
Ну вот и все основные правила написания оптимизированной SEO-статьи. Что тут скажешь: правил много, да, но помнить о них надо. Стараться поддерживать уровень всех своих страниц. Это очень существенно скажется на продвижении. Быть может, вы не взлетите сразу в ТОП (для этого нужно много чего ещё, о чём я расскажу далее), зато, если будете соблюдать указанные правила написания статей, вы наверняка не попадёте под фильтр (бан) поисковой системы и точно немного улучшите свои позиции.
Также, часто бывает полезна ещё такая стратегия: проводите мозговой штурм поисковых запросов к создаваемой новой статьи (другом материалу), далее вбиваете каждый из заданных в поисковик и изучаете первые 1-2-3 страницы из выдачи: раз их поисковая система оценила, как лучшие по данному запросу, значит, и вам есть чему у них поучиться. Но одно замечание: ни в коем случае не дублируйте из них контент! Изучайте структуру, плотность ключевых слов, заголовки, выделенные слова, но не цитаты целых предложений. Данная методика полезна, независимо от вышеприведённых правил. К тому же, правила работы поисковых систем могут со временем меняться и при помощи такой вот стратегии вы всегда будете в курсе дела того, «как лучше». 😉
Пишите отзывы, дорогие читатели, комментируйте, высказывайте пожелания о дальнейших статьях. Всегда рад. 🙂
С уважением, А.С.
Источник: aseo-lab.ru