СТАТЬИ :: Статья! Тенденции веб дизайна 2012.

March 7, 2012, 12:25 am

≫ Next: СТАТЬИ :: Статья! 10 способов прогнать посетителей с сайта.

≪ Previous: СТАТЬИ :: Сервис автоматического создания и наполнения сайтов

Автор: Miss Content
Тема: Статья! Тенденции веб дизайна 2012.

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

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

Зачем нужно использовать резиновый дизайн? Потому, что создание отдельной версии для каждого типа устройства потребует слишком много времени и в этом нет никакой необходимости. Ведь все мобильные устройства такие разные! Резиновый дизайн нельзя назвать новинкой, он используется с 2010 года, однако в 2012 году его использование станет общеупотребительным.

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

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

2012 год порадует нас большим разнообразием шрифтов. Интерес к шрифтовому оформлению появился не вчера, еще Стив Джобс упоминал, что изучал каллиграфию к колледже, а это было 30 лет назад. Шрифтовое оформление выделилось в отдельное направление дизайна примерно 5 лет назад, когда дизайнеры осознали, какое влияние на пользователя может оказывать, этот незначительный на первый взгляд, элемент. Так что в следующем году дизайнеры заметно разнообразят представление текстов на сайтах.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

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

Внимание пользователей все больше привлекает простота. Минималистский дизайн, как и в 2011 году остается на волне популярности. Веб дизайнеры отказываются от экспериментов с цветами и находят простые, но интересные и запоминающиеся пользователю решения. Чем меньше лишних деталей, тем лучше посетитель концентрируется на основных элементах. Эта тенденция вероятно продолжится и в следующем году.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

Оригинал статьи на английском языке: http://www.1stwebdesigner.com/design/web-design-trend-2012/

↧

СТАТЬИ :: Статья! 10 способов прогнать посетителей с сайта.

March 13, 2012, 10:47 pm

≫ Next: СТАТЬИ :: Статья! Определяем стоимость кейвордов.

≪ Previous: СТАТЬИ :: Статья! Тенденции веб дизайна 2012.

Автор: Miss Content
Тема: Статья! 10 способов прогнать посетителей с сайта.

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

Если не хотите им уподобиться, постарайтесь не повторять ошибок, описанных в этих «вредных советах».

Забудем на время о Google Analytics, продвижении в соц. сетях и прочих премудростях СЕО. Обратимся к самым основам. Ведь именно от правильно заложенного фундамента зависит благополучие возведенного на нем здания.

1. Музыка.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

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

Помните, что наличие технической возможность что-то сделать, не означает необходимости немедленно реализовывать это на сайте.

2. Счетчики посетителей.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Расцвет их популярности пришелся на 1995 год. Но вы же не носите одежду купленную в 1995 году? Почему бы не сменить приевшиеся всем счетчики на что-то более модное и современное. Например, на кнопки социальных сетей. К тому же, вашим посетителям совсем не нужно знать, что аудитория вашего сайта составляет всего 127 человек.

3. Лишние детали.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

4. Неудачная типографика.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Это длинное, заумное слово означает графическое оформление печатного текста. Основными примерами неудачной типографики является следующее:

Текст растянувшийся через вееееееесь экран
Слишком мелкий текст
Неудачный выбор шрифта
Сплошные заглавные буквы
Светлый текст на темном фоне
Выравнивание по центру или по правому краю
Текст без разделения на параграфы

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

И еще, никогда не используйте Comic Sans. Пожалуйста.

5. Опечатки.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

6. Кричащие цвета.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Я ничего не имею против ярких или контрастных цветов. Но только не на сайте. Каждый сайт должен содержать ограниченное количество оттенков. Вы искренне недоумеваете, почему буйство красок выглядит вызывающе? Во первых, неумение комбинировать цвета выдает в вас непрофессионала. Во вторых, цвет используется что бы сделать акцент на чем-то важном. А если цветовых пятен будет слишком много, как посетитель узнает на что смотреть, прежде чем уйдет с сайта?

7. Отсутствие контактной информации.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Это явный признак ГС. Даже если это не так, и ваш сайт полноценный СДЛ, легко ли там найти контактные данные? Если посетитель не найдет форму обратной связи, маловероятно, что он будет просматривать все страницы сайта в поисках вашего e-mail. Скорее всего он вернется к выдаче и отправится к вашему более расторопному конкуренту.

Размещая контактные данные, помните:

Идеальное место в футере (едином для всех страниц)
Создайте отдельную страницу со всеми контактами и формой быстрой отправки сообщений.
Сделайте кнопку «Свяжитесь с нами» и повесьте ее в подходящем месте: в сайдбаре или рядом с логотипом.
И не забудьте вместо крестиков ввести сами контактные данные!

8. Отсутствие изюминки.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

9. Секретная информация.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

10. Слишком много контента.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

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

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

Оригинал статьи на английском языке: http://kpcreativeltd.com/227

↧

СТАТЬИ :: Статья! Определяем стоимость кейвордов.

April 11, 2012, 5:45 am

≫ Next: СТАТЬИ :: О скидках на копирайтинг, или “размер имеет значение”

≪ Previous: СТАТЬИ :: Статья! 10 способов прогнать посетителей с сайта.

Автор: Miss Content
Тема: Статья! Определяем стоимость кейвордов.

Представляю вашему вниманию новый инструмент Keyword Valuizer для работы с кейвордами.

Что это такое?

Он определяет объемы поиска, возможных конкурентов, значение конверсии, среднее значение конверсии, (с этими понятиями вы вероятно уже сталкивались), дополнительно он показывает стоимость каждого кейворда в зависимости от максимально возможного высокого положения при ранжировании.

Что понимаю под максимально возможным высоким положением при ранжировании?

Общая концепция.

Очень часто, в своем стремлении занять верхние строчки выдачи, мы не принимаем во внимание наших конкурентов.

Например, если мы небольшой интернет магазин, торгующий обувью, мы хотели бы выйти в топ по запросу “camper shoes men”. Навряд ли нам получится обойти таких гигантов как Camper, Zappos, Endless, Amazon или Yahoo, но нам по силам оставить позади такой магазинчик как http://www.raffaello-network.com/. То есть максимально высокая позиция в нашем случает будет №6.

Пытаться подняться выше бессмысленно, мы только потратим время и деньги.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Предостережение.

Сезонность, изменения показателя кликабельности, смена алгоритма несомненно отразятся на предполагаемом доходе.

Мы используем Slingshot’s click through rate study для приблизительной оценки объемов трафика и доходов для определенной позиции. Конечно, ctr по такому брендовому запросу как "camper shoes mens"будет отличаться от простого "mens shoes."

С помощью парсера гугла Криса Ли мы получили 10 результатов, у вас не должно быть проблемы с капчей, но если гугл изменит свою выдачу, вы получите сообщение об ошибки. Если это произойдет, вам нужно будет использовать другую копию или связаться со мной в Твиттере (@ ethanlyon).

Все данные использованные здесь — вымышленные. Тем не менее, надеюсь, что они помогут вам принять правильное решение при выборе ключевых слов.

Итак, начнем.

1.Залогиньтесь в Gmail.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

2.Перейдите по ссылке https://docs.google.com/spreadsheet/ccc?key=0AhQ7Hi2A-e0kdHpXM3QtbDdpTFg2Q0JqMjZVWjZDeXc

3.Зайдите в File и скопируйте содержимое.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

4.Скопируйте и вставьте 10 кейвордов и объемы поиска в клетки B5:C14.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

5.Вставьте средний доход конверсии и среднее значение конверсии в клетки D5 и E5, соответственно.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

6.Переходим теперь к вкладке “Competitors” (конкуренты).

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

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

8.Скопируйте домены из колонок В и С.

9.Щелкните правой кнопкой мыши на ячейку D5. Скопируйте и вставьте значения.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

10.Вы можете удалить тэги в столбце C, если хотите. Таким образом, ваш лист будет выглядеть так:

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

11.Теперь, давайте посмотрим, какие ключевые слова имеют наибольшую ценность во вкладке "Keyword Value"

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Что дальше?

Используя Moz метрики и описанный мною способ, вы сможете оценить каждого конкурента вашим сайтам. Одна из причин, почему я не включил их здесь, в том, что вы можете посмотреть подборку из 100 сайтов в SEOMoz Data for Google Docs Криса Ли. Вы можете добавить все ваши сайты в инструмент Криса или интегрировать его с вышеупомянутым инструментом.

Оригинал статьи на английском: http://www.seomoz.org/ugc/how-much-does-that-keyword-cost-tool

↧

СТАТЬИ :: О скидках на копирайтинг, или “размер имеет значение”

July 20, 2012, 6:41 am

≫ Next: СТАТЬИ :: Статья! Оптимизируем сайты под смартфоны.

≪ Previous: СТАТЬИ :: Статья! Определяем стоимость кейвордов.

Автор: nayturs
Тема: О скидках на копирайтинг, или “размер имеет значение”

Часто на фрилансерских сайтах и биржах можно встретить объявления примерно такого рода: “Требуется копирайтер. Объемы от 20000 знаков в день. Оплата 30 руб. за тысячу”. При этом, в графе “бюджет проекта” стоит гордое “30 тыс. рублей”. Происхождение этой суммы понятно: автор проекта, используя свои школьные познания в арифметике, перемножил двадцать (тысяч знаков) на тридцать (рублей за тысячу), затем то, что получилось, умножил на 30 дней и “округлил” полученный результат до вполне приличной суммы месячного заработка. Ведь ясно сказано, двадцать тысяч – это минимальный дневной объем, значит, чаще всего, будет больше!

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

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

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

Возьмем, к примеру, мой любимый “жанр” - продающие тексты. Чтобы написать такой текст, необходимо, прежде всего, подробно познакомиться с рынком того товара или услуги, которые необходимо продать. Изучить предложение заказчика. Затем посмотреть, что предлагают его конкуренты. Найти (или придумать) выгодные отличия “твоего” предложения от предложений конкурентов. И, наконец, придумать концепцию, идею, которая всё это объединит. Ведь хороший продающий текст – это и есть, прежде всего, продающая идея, а не n-ное количество знаков, набранных с рекордной скоростью на клавиатуре. Поэтому и цена его не зависит от количества знаков...

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

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

По сути, такое предложение предполагает (хотя и стыдливо умалчивает об этом), что чем больше вы работаете, тем меньше вы должны получать. Ключевое слово здесь – “должны”, потому что работодатель считает (или делает вид, что считает) это положение нормой. И тут мы подходим к одному из “вечных” вопросов ценообразования не только в копирайтинге, но и в любом другом виде фриланса – надо ли делать скидки на большой объем работы и, если да, то какие?

Но прежде чем говорить о скидках, вынесем окончательный приговор тому гепотетическому “проекту”, с которого мы начали. Ведь даже если не принимать во внимание его принципиальное лукавство, нельзя не заметить и его “арифметической” лживости. Автор “проекта” просто-напросто за математикой забыл о здравом смысле, примитивным умножением ежедневного числа знаков на количество дней выводя месячный заработок. Впрочем, может быть, он действительно искренне считает, что “писарь” будет (или должен?) работать все тридцать дней в месяц, “без обедов и выходных”, как часто пишут в табличках с режимом работы магазинов. Я уже не говорю о “продолжительности креативности”, которая составляет для творческих видов работ 4-5 часов.

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

↧

СТАТЬИ :: Статья! Оптимизируем сайты под смартфоны.

July 25, 2012, 1:27 am

≫ Next: СТАТЬИ :: Статья! Извлекаем пользу из битых ссылок.

≪ Previous: СТАТЬИ :: О скидках на копирайтинг, или “размер имеет значение”

Автор: Miss Content
Тема: Статья! Оптимизируем сайты под смартфоны.

Поиск с мобильных устройств развивается семимильными шагами, особенно в последние годы. Причина этого кроется во все возрастающей популярности смартфонов и других мобильных устройств с доступом в интернет. С момента нашей прошлой встречи, когда мы обсуждали тренды в мобильном поиске, команда Гугла проделала значительную работу и в декабре 2011 года запустила Googlebot-Mobile для смартфонов, чтобы упростить процесс мобильного поиска и предоставлять пользователям мобильных устройств максимально релевантные результаты. Цель Googlebot-Mobile — увеличить удовлетворённость пользователей мобильным поиском. Для этого нужно отправлять людей на те сайты, которые будут правильно функционировать на их мобильных телефонах.

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

Рекомендации для оптимизации сайтов под смартфоны.

При создании сайтов, предназначенных для смартфонов, Гугл поддерживает 3 различные конфигурации:

Гугл рекомендует использовать именно этот вариант.

Более детально ознакомиться с данными рекомендациями можно на нашем новом сайте, полностью посвященному этому вопросу.

Резиновый веб дизайн.

Резиновый называют дизайн, который проектируется и разрабатывается таким образом, что сайт становится совместимым с любым устройством, которое может быть использовано для работы в интернете. Новые устройства, изготовленные после выхода CSS3 (например, IPad и Android устройства) поддерживают медиа функции, в том числе максимальную ширину, ширину устройства, ориентацию и цвета.

Более детальную информацию вы можете узнать из этого поста или из наших рекомендаций.

Использование резинового веб дизайна имеет несколько преимуществ, в том числе:

Устройство-ориентированный HTML.

Тем не менее, мы понимаем, что не во всех ситуациях возможно или целесообразно использование резинового дизайна. Вот почему мы поддерживаем сайты, использующие устройство-ориентированный HTML. При этом урл, на котором расположен контент может оставаться тем же самым (этот тип конфигурации называется dynamic serving). Например, www.example.com и m.example.com. Подробнее здесь.

Существует огромное количество моделей мобильных телефонов и иногда действительно лучше и разумнее сделать мобильную версию сайта на поддомене m.website.com. К примеру, у старых мобильных телефонов с возможность выхода в интернет не очень хорошая связь и страницы грузятся медленно. Вот как раз для таких и есть смысл сделать оптимизированный поддомен без лишней графики, информация на котором бы быстро загружалась даже при медленном соединении.

Заключение.

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

Оригинал статьи на английском языке: http://googlewebmastercentral.blogspot.com/2012/06/recommendations-for-building-smartphone.html

↧

СТАТЬИ :: Статья! Извлекаем пользу из битых ссылок.

August 15, 2012, 12:31 am

≫ Next: СТАТЬИ :: Статья! 9 способов превратить посетителей в покупателей.

≪ Previous: СТАТЬИ :: Статья! Оптимизируем сайты под смартфоны.

Автор: Miss Content
Тема: Статья! Извлекаем пользу из битых ссылок.

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

Хороший, бесплатный инструмент для поиска таких блогов - SoloSEO link tool. Сервис дает возможность выявить обратные ссылки, определить их качество и вес, оперативно отслеживать изменения.

В начале я расскажу, как составить такой список, а затем остановлюсь на вариантах его применения.

Шаг № 1: найдем несколько блогов.

Начнем с поиска нескольких сходных по тематике блогов, у которых есть блогроллы. Поиск ведется по ключевым словам.Чем больше блогов и длиннее их блогроллы, тем лучше.Это наш основной список, очень скоро он увеличится.

Шаг № 2: расширяем наш список.

Добавьте найденные урлы в Buzzstream - еще один хороший инструмент для определения ссылок, установления связей с тематическими сайтами и управления ссылками. В качестве пример я взял только один блог.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

После того, как вы нажмете « Go» этот сервис найдет не только сами блоги, но блоги из их блогроллов. (Примечание: в Хроме у меня с ним были проблемы, если у вас тоже будет подобное — попробуйте другой браузер).

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Шаг № 3: стереть и повторить.

Затем экспортируйте полученные результаты в CSV файл и откройте их в Excel. Скопируйте адреса из колонки «blogroll URLs» и вставьте их обратно в Buzzstream (возможно придется обновить или открыть заново страницу).

Повторяйте эти действия до тех пор, пока у вас не получится приличный список. Чем больше, тем лучше. Но имейте ввиду, что чем больше он становится, тем больше вероятность попадания не тематических блогов.

Шаг № 4: проверяем состояние урлов.

Поместите полученные урлы в Citation Lab’s URL Status Checker. Этот инструмент выявляет статус урла и позволяет проверить не выдает ли он ошибку 404.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Полученные результаты можно экспортировать в CSV.

Шаг № 5: приступаем к делу.

Теперь дело за вами. Вот несколько вариантов использования этого списка.

1.Экспортируйте список 404 в любой из этих сервисов: Open Site Explorer, Ahrefs.Com или MajesticSEO. Отберите те, которые ссылаются с домашних страниц. Перейдите на эти страницы и с помощью расширения для Хрома Check My Links проверьте их на битые ссылки т.к. если есть хоть одна битая ссылка в блогролле, то обязательно найдется еще парочка.

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

2.Вновь экспортируйте свой список в любой из этих сервисов: Open Site Explorer, Ahrefs.Com или MajesticSEO. Но на этот раз, вместо того что бы проверять ссылки, кликните на раздел «Top Pages».

Найдите страницы с наибольшим количеством ссылок и убедитесь, что они действительно больше недоступны. Затем, вставьте урлы этих страниц в Archive.org что бы вытащить контент, который там находился.

Сделайте рерайт и дополните это контент т.к. возможно некоторые данные уже устарели. Этот контент без сомнения соберет много обратных ссылок (так же как и оригинал), дополнительно его можно использовать для обмена ссылками.

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

Другие варианты использования.

Вы можете использовать ваш список 404-х для проверки доменов на:

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

Наконец, вы можете взять этот список блогроллов удалить все 404 и дубликаты и с помощью
Mozscape API (excel) найти самые авторитетные блоги в вашей нише и развивать с ними отношения: предложить написать обзор или гостевой пост...

Заключение.

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

Что вы думаете об описанных здесь способах? Буду рад вашим комментариям.

Оригинал статьи на английском языке:http://www.seobook.com/broken-link-building-tips-jon-cooper

↧

СТАТЬИ :: Статья! 9 способов превратить посетителей в покупателей.

August 29, 2012, 3:09 am

≫ Next: СТАТЬИ :: Внутренняя оптимизация сайта

≪ Previous: СТАТЬИ :: Статья! Извлекаем пользу из битых ссылок.

Автор: Miss Content
Тема: Статья! 9 способов превратить посетителей в покупателей.

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

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

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

Вот 9 способов, основанных на знание психологии, которые помогут вам превратить посетителей в покупателей.

1.Взаимная выгода.

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

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

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

Например, посетители ресурса Read It For Me после регистрации получают бесплатную пробную версию и возможность предварительного просмотра.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Future of Marketing использует завлекающий слоган, сочетающий в себе халяву и побуждение к действию «Зарегистрируйся бесплатно» для увеличения конверсии.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

2.Взятые обязательства.

Взятие на себя определенных обязательств, как нельзя лучше порождает лояльность к бренду. Рассмотрим такой пример: когда человек нажимает на «like» на вашей странице, это действие отображается на его стене в соц. сетях, открытой для просмотра всем его друзьям. Это открыто сигнализирует о поддержке бренду. Такое элементарное действие порождает чувство ответственности и имеет далеко идущие последствия. Человек по натуре очень консервативен и остается верен ранее данным обязательствам.

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

3.Влияние социума.

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

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

Если же у вас нет доступа к такой информации, продемонстрируйте другие сигналы социального одобрения: количество подписчиков, число лайков, ретвитов...

Так, Bundlr демонстрирует количество лайков и ретвитов, которое удостоилась публикация.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

4.Персонализация.

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

Один из приемов — обращение к покупателям по имени, вместо обезличенного «Уважаемый клиент» при общении по электронной почте. Другой способ показать что вам не безразличен покупатель — E-mail рассылка материалов, в соответствие с его интересами.

Baynote разработала динамические лендинг страницы, которые отображаются в зависимости от интересов посетителей.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

5.Авторитет.

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

Mailchimp демонстрирует восторженную рецензию от Mashable.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Ресурс UPS не только проводит интернет конференции с ведущими игроками отрасли, но и предоставляет слово представителям Министерства торговли США. Участие такие крупных фигур безусловно повышают авторитет и доверие к сайту.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

6.Ограниченное предложение.

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

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

7.Умное ценообразование.

Цена “$99.99” является классическим примером манипулирования потребителем. Даже если цена в действительности $100, подсознание округляет ее в меньшую сторону т.к. ценник начинается с $99.

Кроме того, вы можете отвлечь покупателя от цены, предложив ему на выбор 3 вариации продукта с небольшим расхождением в цене. Вместо того, что бы подумать: а стоит ли вообще покупать вещь по такой цене, покупатель начнет искать плюсы и минусы представленных моделей.

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

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

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

8.Всему свое время.

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

Go Daddy после того, как услуга хостинга оформлена, дополнительно предлагает приобрести Email, SSL сертификаты и домены.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

9.Теория цвета.

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

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

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

На Kissmetrics выложена отличная инфографика, рассказывающая о том, как цвета влияют на покупки.

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

Оригинал статьи на английском языке: http://blog.crazyegg.com/2012/07/17/psychological-tricks/

↧

СТАТЬИ :: Внутренняя оптимизация сайта

August 30, 2012, 1:04 am

≫ Next: СТАТЬИ :: Статья! Как на самом деле посетители видят ваш сайт.

≪ Previous: СТАТЬИ :: Статья! 9 способов превратить посетителей в покупателей.

Автор: Miss Content
Тема: Внутренняя оптимизация сайта

Статья предоставлена Myragon

Краткое оглавление статьи:

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

Если вы относитесь к данному числу оптимизаторов, то вот вам пример из личной практики: были заказы несколько десятков статей, статьи в итоге получились длинными, и прочитаны толком не были. Шло время, а позиции не росли, после того как текст статьи был переписан – через два апдейта выдачи позиция поднялась на 100 пунктов.

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

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

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

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Недавно SEO-блогер Алексей Скорняков написал в своем Twitter о том, что оптимизировал скорость загрузки сайта до 0,5 секунд, вместо 1,5 секунды, что дало увеличение глубины просмотра в 1,5-2 раза, а это улучшает поведенческие факторы сайта, которые влияют на позиции сайта в поисковой выдаче. Поэтому, нужно поработать над скоростью загрузки сайта.

Есть десктоп и онлайн приложения, которые помогут нам определить, что «тормозит» наш сайт. Один из онлайн сервисов — это Pingdom. Результат анализа будет выглядеть так:

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Сайт Lenta.ru набрал 87 балов из 100 по скорости сайта. Сайт Lenta.ru работает медленнее, чем 79% протестированных сервисом сайтов. Скорость загрузки 7,04 секунды. 200 запросов. Очень плохие показатели.

Если вы используете в качестве браузера Mozilla Firefox, то вы можете установить специальные плагины, такие как Firebug в связке с YSlow. Для Firefox есть также хороший плагин под названием Jiffy, который покажет вам сколько тратится времени на загрузку каждого элемента сайта.

Более подробную информацию о том, как уменьшить скорость загрузки сайта можно прочитать на блоге Дмитрия: часть №1 и часть №2.

Также не стоит забывать про Инструменты для веб-мастеров от Google, который прямым текстом говорит — «исправляйте ошибки на сайте и ваш сайт вырастет в наших глаза»:

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Уже из этой картинки можно выделить следующие 3 правила при создании сайтов:

Уникальные заголовки (тег title) для каждой страницы
Уникальные метаописание для каждой страницы
Не делайте длинные и в тоже время короткие метаописания

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

Тоже самое относится и к заголовкам (тег title) — не нужно перечислять все кейворды по каким вы планируете раскрутку. В ином случае, это будет выглядеть ужасно:

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

Правильная индексация сайта

Не для того мы создавали сайт, тратили время и деньги, чтобы наш сайт плохо индексировался. Давайте договоримся, мы не будем мешать поисковым системам индексировать наш сайт! Чего не нужно делать, чтобы сайт хорошо проиндексировался?

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

Для того, чтобы указать поисковому роботу (пауку), что нельзя индексировать какую-то часть сайта, например версии для печати — используйте директиву Disallow.

Пример:

1 User-agent: *
2 Disallow: */print

В этом примере для поискового робота будут запрещены только URL, включающие в себя слово «print».

К сожалению, о запрете индексации «версии для печати» не знают многие. В том числе и «Интерфакс»:

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

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

1 RewriteEngine On
2 RewriteCond %{HTTP_HOST} ^www.example.ru$ [NC]
3 RewriteRule ^(.*)$ [url="http://example.ru/$1"]http://example.ru/$1[/url] [R=301,L]

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

Нужно ли вам использовать данный тег? Если у вас есть контент, который доступен по нескольким URL, то ответ — да, нужно! Как? Просто вставьте внутри тега дублированных страниц, ссылку на канонический адрес:

1 <link rel="canonical" href="http://www.example.com/name_page">

Воровство контента

И снова у нас всплывает тема дублированного контента, только уже не в рамках вашего сайта, а в плане копирования ваших статей на другие сайты. Хотя бы раз в месяц проверяйте свои статьи на уникальность, чтобы найти копии статей, и предпринять необходимые меры. Проверить текст на уникальность можно с помощью бесплатных десктопных программ: Advego Plagiatus и Etxt Антиплагиат.

Если проверка на уникальность выявила, что ваши статьи стали не уникальными по причине воровства других веб-мастеров — перепишите свои статьи, это должно улучшить ваши позиции в выдаче. Бороться с нарушителем можно бесконечно долго, и это время не пойдет на пользу вашему сайту. Просто перепишите статью, и в дальнейшем возьмите за правило добавлять тексты своих статей в «Оригинальные тексты» на сервисе Я.Вебмастер. Для владельцев сайтов на WordPress добавление своего текста в Я.Вебмастер можно автоматизировать с помощью специального плагина.

Хорошая навигация

5 октября 2011 года Яндекс на свое блоге сообщил о том, что их поисковый алгоритм теперь учитывает юзабилити сайтов. Теперь на позицию сайта может влиять отсутсвие хорошей навигации, т.е. сложная или запутанная структура. Если раньше на навигацию мало кто обращал большое внимание, то сейчас данному пункту в оптимизации сайта нужно уделить должное внимание.
«Хлебные крошки» один из самых необходимых элементов в навигации. Выглядят они вот так:

Главная → Раздел сайта → Подзраздел → Текущая страница

Проще говоря, «хлебные крошки» — это путь от главной странице до текущей. Чтобы было более понятна важность данного элемента навигации, вспомните навигацию, например в Windows 7, когда находят в какой-то папке, вы легко могли подняться на уровень ниже. Например из папки D:\Work\Seo\Copywriting в папку D:\Work\Seo\ всего с помощью одного клика. С помощью «хлебных крошек» вы точно знаете, где что находится, чтобы в будущем легко снова туда попасть.

Для создания «хлебных крошек» на WordPress сайте можно использовать плагин Breadcrumb NavXT.

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

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

Битые ссылки

Регулярно проверяйте сайт на наличие битых ссылок. Даже если вы ссылаетесь на авторитетные издания типа Lenta.ru или «The New York Times» — не обольщайтесь, т.к. они тоже меняют URL своих страниц или удаляют старые новости (доказано на личном примере). Чем меньше у вас битых ссылок будет, тем лучше, т.к. на хорошем сайте по умолчанию должны быть рабочие ссылки, которые приведут посетителя куда надо, а не испортят ему настроение 404 ошибкой.

Проверить любой сайт на наличие «битых ссылок» можно с помощью бесплатной программы Xenu, которую можно скачать с официального сайта http://home.snafu.de…n/xenulink.html. Битые ссылки есть на всех сайтах.

Как считать вес страниц?

Можете не беспокоиться, вам не нужно будет делать это вручную. Для этого есть специальный софт и сервисы. Одна из них называется «Page Weight»:

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

Убрав всего одну ссылку — ссылку на CMS в подвале, вес главной страницы увеличился на 0,9 пунктов:

Было:

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Стало:

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Вес страницы под №3 увеличился на 0,9. Если вы уделите немного времени экспериментам и замерам условного веса, вы поймете как это работает, и сможете с легкостью добиваться нужного условного веса на ваших сайтах. Блогер под ником «max1net» довольно подробно описал о том, как можно влиять на вес страницы в своей статье. Поэтому повторяться не буду.

Без чего не стоит начинать

В самом начале создания сайта удостоверьтесь, что URL ваших страниц имеют ЧПУ (человекопонятный урл) вид. Что это означает?

Пример:

http://example.com/v

Поисковые системы обращают на это внимание, и если у вас URL страниц в приведены в нужный вид, то это добавляет вам очки в борьбе за первые места в топе поисковой выдачи. И данный скриншот, это хорошо доказывает (8 URL из 10 имеют ЧПУ вид с вхождениями слов из поискового запроса):

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Второе, что нужно сделать — это избавиться от всего лишнего в html-коде. Обычно, первым делом, я убираю все лишние пробелы и особенно табуляцию в верстке сайта, на немного (10 табуляций — 10 байт), но это все таки сокращает размер исходного кода.

После этого нужно убрать в noindex и nofollow весь остальной мусор — счетчики посетителей, рекламу и т.д.

Не знаю по какой причине, но многие верстальщики используют для названия статьи тег <h2> вместо <h1>, особенно данная ошибка часто встречается в бесплатных WordPress шаблонах. Проверьте HTML-код своего сайта, если название статьи обрамленное тегом <h2> — поменяйте его на <h1>. Когда будете смотреть HTML-код сайта, не забудьте убрать лишние h1, h2, h3 и т.д. теги, обычно они встречаются в название сайта и в блоках сайдбара. В идеале было бы хорошо, если у вас на странице был бы только один <h1> тег — название статьи.

Не забывайте и про CSS — проверьте на ошибки, устраните их, и сделайте сжатие CSS. Последнее можно легко сделать с помощью онлайн сервиса CleanCSS.

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

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

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Быстрые ссылки

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

6 августа 2009 года у Яндекса появились «быстрые ссылки», практические такие же как и у Google. Что же такое «быстрые ссылки» — Яндекс характеризует их, как короткий путь к важной информации на сайте. Они нужны для того, чтобы пользователь как можно быстрей попал на нужную страницу сайта. Например, по мнению Яндекса, самыми востребованными страницами на сайте магазина является схема проезда и прайс-лист, вот и их и нужно вынести в «быстрые ссылки», чтобы пользователь не блуждал по сайту в поисках схемы проезда, а прям с поисковой выдачи попал на нужную страницу, тем самым сократив количество кликов до своей цели.

Для веб-мастера «быстрые ссылки» — это отличная возможность выделить свой сайт (а значит получить дополнительный трафик), среди остальных, т.к. сайт с ними становится значительно заметней, и если можно так сказать — выглядит солидней.

Нашел Яндекс «быстрые ссылки» для вашего сайта или нет, можно узнать в панеле вебмастера, перейдя к пункту «Сайт в результатах поиска», а затем выбрав «Быстрые ссылки»:

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Если Яндекс не нашел «быстрые ссылки» для вашего сайта — прочитайте как помочь поисковику выделить быстрые ссылки.

Перелинковка в WordPress

Когда встал вопрос перелинковки статей на WordPress сайте — было перепробовано не малое количество плагинов, как оригинальных, так и модифицированных (которые обещали быть лучше своих оригиналов), но ни один плагин не был настолько хорош в подборе релевантных статей, чтобы он мог прижиться на сайте окончательно.

После того как была потеряна всякая вера в плагины по перелинковке, мне вспомнилось выражение «Хочешь чтобы было хорошо – сделай сам!». Нет, я не писал собственный плагин для перелинковки, и не даже не писал скрипты. Все оказалось намного проще!

Первым делом смеритесь с тем, что придется для каждой страницы подбирать релевантые станицы своими «золотыми» руками.
Второе — установите и активируйте на своем сайте, WordPress плагин под названием «Simple Tags». После активации переходите к пункту меню «Инструменты → Mass Edit Terms».

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Вот здесь и начинается самое интересное — присваивание каждой статьи своей метки. Теперь только вы решаете, какие статьи будут ссылаться друг на друга. Принцип следующий: если статье «Как ухаживать за волосами» присвоена метка «Волосы», а также статье «Как избавиться от перхоти» присвоена метка «Волосы», то они будут ссылаться друг на друга, и больше ни на какую другую статью. Если вы присвоите еще одной статье метку «Волосы», то она также вступит в процесс перелинковки. Если статье не присвоена ни одна из меток, то она никуда не ссылается, и пишется что-то вроде этого: «Не найдено похожих статей».

Третье: в настройках плагина «Simple Tags» нужно активировать функцию «Related posts by terms»:

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Четвертое: осталось разместить код в файл шаблона для вывода релевантный статей на основе выставленных меток: . Если вы используйте виджеты, то установите плагин «WP PHP widget» который позволит вам размещать PHP код в виджетах.

В результате у вас появится самые релевантные ссылки, что только могут быть. Например, у вас на сайте всего 3 статьи про уход за волосами, после проделанной работы у вас статья, например про выпадение волос, будет ссылаться на две остальных у которых указана метка «Волосы»:

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

Автор статьи - AltBlog.ru

↧

СТАТЬИ :: Статья! Как на самом деле посетители видят ваш сайт.

October 16, 2012, 10:45 pm

≫ Next: СТАТЬИ :: Статья! 10 лучших лендинг страниц.

≪ Previous: СТАТЬИ :: Внутренняя оптимизация сайта

Автор: Miss Content
Тема: Статья! Как на самом деле посетители видят ваш сайт.

Мы все знаем, что профессиональный веб дизайн и конверсия идут рука об руку. Но это конкретно объединяет эти 2 понятия?

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

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

1. Заголовки действительно играют важную роль.

В одном из исследований посвященному дизайну, исследовалось насколько важны заголовки. Ответ: чрезвычайно важны.

Как оказалось, на заголовки смотрят даже чаще, чем на картинки. Можно сказать, что посетителя на домашней странице интересуют исключительно заголовки. Что еще интереснее, у вас есть только 1 секунда, что бы привлечь внимание пользователя.

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

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

В своем недавнем посте The Marketer’s Guide to Cult Addiction я создал заголовок таким образом, что он в первую очередь привлек внимание целевой аудитории, а затем поддержал интерес эмоционально окрашенным словом Cult (культ).

Мне очень понравилось, как мой коллега Рафал Томал оформил домашнюю страницу Copyblogger. После прочтения заголовка всем сразу становится ясно какие продукты и услуги они предоставляют.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

2. Выделяем самое главное.

Любой профессиональный дизайнер скажет, что цвета на сайте должны сочетаться и быть в единой цветовой гамме. Но должны ли быть на сайте яркие цветовые акценты?

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

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

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

Прежде всего, нужно определиться с основной цветовой гаммой и акцентами.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Затем нужно подобрать цвет, который будет с ними контрастировать. Это и будет ваш призыв к действию.

Так, если вы придерживаетесь центрально-зеленой гаммы, кнопку призывающую к действию можно сделать ярко оранжевой. Например, как у Mint.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

3. Используем пробелы.

Уже упоминавшее выше исследование Eyetrack III подтверждает идею, высказанную в книге Сьюзан Вейншек «Neuro Web Design»: старое доброе разделение на параграфы все еще работает и помогает выделить главное.

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

В приведенных ниже примерах Рафал Томал показывает, как с помощью нехитрых приемов можно улучшить читабельность текста.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Важность пробелов при написании текста: при увеличении интервалов между строками и параграфами, текст легче воспринимается.

Если вы присмотритесь к таким сайтам как Smashing Mag и NBC news, то заметите что и они применяют эти приемы. Не бойтесь пустоты, совсем не обязательно быть поклонником минималистского дизайна, чтобы использовать разумное количество пробелов и разделение на параграфы, для улучшения читабельности текстов.

4. Правильное использование картинок.

Сегодня в мире правит изображение и его можно более умело использовать применив такой известный дизайнерский прием как «направленный взгляд».

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

Он выяснил 2 простые вещи:

1. Люди всегда проследят за направленным взглядом другого лица, даже если оно изображено схематично.
2. Люди очень восприимчивы к стрелкам и иным направляющим сигналам.

Возможно, этот пример с Chemistry.com покажется вам очень знакомым.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Я сам отметил значительный рост конверсии, когда применил это прием на сайте Sparring Mind… Несмотря на то, что это было лишь схематическое изображение лица.

Как я уже говорил, Гальфано исследовал и влияние направляющих сигналов вроде стрелок (они лишь слегка уступают лицам по силе воздействия).

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

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Скромно, но эффективно.

5. Побудить людей к действию.

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

При этом возникает проблема: как как побудить человека к чтению, не ухудшив при этом качество контента?

В этом отношении мне нравится подход Дерека Халперна «Единственная цель вашего вступительного слова - добиться, чтобы его прочитали. Вот и все».

И это правда! Именно от первых предложений зависит, продолжит ли человек дальнейшее чтение контента или нет. А в потрясающей статье Мэри Дайсон, находится ответ как этого добиться.

Люди быстрее читают длинные строчки, но предпочитают короткие.

Почему бы не дать им и то, и другое?

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

Небольшой совет: этого можно добиться с помощью изображения расположенного справа.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Это позволит оправдать более короткие вводные строки вначале и переход к более длинным в конце. Не нужно больше пугать людей «стеной текста»!

Оригинал статьи на английском языке: http://unbounce.com/conversion-rate-optimization/5-conversion-studies/

↧

СТАТЬИ :: Статья! 10 лучших лендинг страниц.

October 24, 2012, 12:26 am

≫ Next: СТАТЬИ :: Фантазии о поисковых системах

≪ Previous: СТАТЬИ :: Статья! Как на самом деле посетители видят ваш сайт.

Автор: Miss Content
Тема: Статья! 10 лучших лендинг страниц.

Готов поспорить на что угодно, что твоя лендинг страница — полный отстой. Без обид, лично твоего лендинга я не видел, просто основываюсь на предположении, что большинство лендинг страниц — это полный отстой. Такова суровая правда.

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

На картинке, в виде миниатюр, представлены 10 самый потрясающих лендингов, которые я только видел. О них поговорим чуть позже.

Пример из жизни.

Представьте, что вы пришли в ресторан и обнаруживаете, что интерьер отстойный, музыка слишком громкая, персонал хамит, а в меню 400 наименований и кроме вас там никого нет. Что вы сделаете? Вероятно, сразу же уйдете.

Пример из онлайна.

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

В качестве примера рассмотрим 10 по настоящему классных лендингов. Возможно, они послужат вам вдохновением.

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

1. WebTrends Analytics

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Обожаю их лендинги. Если вам нужно вдохновение в плане дизайна, то вам сюда.

Мне нравится:

Я бы изменил:

Site*: Webtrends

2. UPS

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Стандартный дизайн к кучей ссылок предоставляет пользователю множество возможностей «сбежать» со страницы. UPS удалось избежать этой опасности.

Мне нравится:

Кнопка “More” представляет из себя модальное диалоговое окно (используется Lightbox). Это позволяет удержать посетителя на странице.

Видео. Видео на лендинг странице в разы увеличивает конверсию. Исследования, проведенные в eyeviewdigital.com свидетельствуют о 80% росте. А специалисты из Turn Here подчеркивают, что правильно оптимизированное видео в 53 раза повышает шансы попасть в топ. Подсказка: вы можете повторно использовать ваше видео, разместив его на YouTube.

Я бы изменил:

Ссылки внизу страницы все равно ведут на внешние микросайты. Было бы лучше, если лендинг вмещал в себя все, по аналогии с диалоговыми окнами в Lightbox.

Призыв к действию лучше сформулировать “Get updates on future webcasts” вместо стандартного “Sign Up”.
Site*: UPS

3. The Future of Marketing

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

Мне нравится:

Вместо выборки случайных подписчиков, на странице демонстрируются известные в данной сфере личности, что не может не придавать солидности. Даже если вы ничего не знаете об организаторе (в данном случае ThoughtLead ) сам факт, что мероприятие спонсируется IBM, а среди докладчиков будет Гай Кавасаки, придает ему солидности.

Грамотно сформулированный призыв к действию — бесплатная регистрация.

Яркий цветовой акцент: ярко розовая кнопка на сером фоне просто бросается в глаза.

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

Второстепенный призыв к действию. В современном мире, WOMM (сарафанное радио) является ключевым фактором. Здесь они добавили кнопку Twitter, чтобы помочь посетителям делиться новостями.
Подтверждение призыва к действию. После заполнения формы вам вновь предлагается поделиться через Twitter.

Site*: Future of Marketing

4. Clearvale

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Идея, что если дать человеку выбор, он станет счастливее не оправдала себя в области рекламы и продаж. Если вы едите по дороге, у вас только 2 пути: налево или направо. На лендинг странице у посетителя должна быть только 1 альтернатива. Человек должен ясно понимать, что от него хотят.

Мне нравится:

Простота и привлекательность. Так и хочется нажать на этот знак. Во первых, это единственная опция, а во вторых, надпись на знаке весьма спорная.

Я бы изменил:

Я был разочарован, когда следующей страницей оказался блог, вместо маркетингового исследования. Хотелось бы увидеть там что-нибудь более интересное. Но нет никаких сомнений, что ctr этой страницы очень высок.

Site*: Clearvale

5. Groupon

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Мне нравится:
Они использовали гео таргетинг, чтобы установить мое местоположение и предложить максимальные скидки (50%-90%).

Яркий дизайн с четкими цветовыми акцентами. Яркие цвета привлекают и служат хорошим фоном для призыва к действию.

Юзабилити. Индикатор внизу формы показывает сколько шагов вам осталось.

Простая регистрация. Вам нужно всего лишь ввести адрес электронной почты.

Я бы изменил:

Если вы не знаете, что такое Groupon, то никогда не догадаетесь, что там можно сэкономить 50%-90%.
Site*: Groupon

6. Oprah

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Мне нравится:

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

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

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

Я бы изменил:

Правила и политика конфиденциальности открываются в новом окне, что довольно неудобно. Выходом из ситуации было бы использование технологии lightbox, как в примере с UPS. Вы поймете о чем я говорю, нажав на лендинг страницу конкурса на нашем сайте Unbounce (кликните на ссылку «rules» внизу и откроется модальное окно).

Мне уже надоело повторять это снова и снова, но размещать призыв к действию на кнопке действительно важно. Любое сомнение ведет к потере доверия. Люди должны ясно представлять, что они получат нажав на кнопку. Я бы написал: «Прими участие в конкурсе» и ниже «и подпишитесь на бесплатную рассылку».

Site*: Oprah Magazine

7. Verisign

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Основное назначение этого лендинга — сформировать чувство доверия к бренду Verisign.

Мне нравится:
Простота. Страница очень просто оформлена, вместе с тем на ней достаточно информации, чтобы заинтересовать и удержать пользователя.

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

Я бы изменил:
Я бы предпочел, что бы цвет призыва к действию (CTA) отличался от цвета остальной страницы.

Site*: Verisign

8. CameraPlus

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Это действительно очень хорошая целевая страница.

Мне нравится:

Дизайн соответствует желаниям и ожиданиям покупателя. Их целевые клиенты уже приобрели iPhone и уже привыкли к красивым страницам с приложениями.

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

В доказательство того, что это приложение для съемки действительно классное, внизу есть подборка фотографий.

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

Я бы изменил:

Я бы сделал более короткую версию страницы, с возможностью видео продаж, вместо прокрутки 10 страниц контента.

Site*: http://campl.us/

9. SEOmoz

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

Несмотря на то, что страница выглядит как отдельный лендинг, на самом деле это их прайс лист. Такой подход к совмещению отзывов и прайс листов становится очень распространен в последнее время.

Мне нравится:

Страница вызывает доверие. Список известных брендов внизу страницы усиливает это ощущение.

Краткие заголовки.

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

НАСТОЯЩИЕ отзывы. Фотографии выглядят так, будто они взяты из соц. сетей. Зная имя и название компании, их легко проверить на подлинность.

Я бы изменил:

В качестве призыва к действию здесь используется слово “TRY”, что подразумевает отсутствие жестких требований. Между тем, единственным упоминанием об отсутствии рисков является слоган "30-дневная гарантия возврата денег" в верхней части страницы. Его следовало бы поместить после CTA.

Site*: SEOmoz pricing page

10. Times Reader

< s c r i p t language="javascript" type="text/javascript"> < / scr ipt>

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

Мне нравится:
Тот уровень, который они демонстрируют в отношении современных способов подачи материала, не может не восхищать. В то время как вы наслаждаетесь чтением, они продают.

Не устану повторять, что видео на целевой странице всегда большой плюс.

Я бы изменил:
Так же как в примере SEOmoz, я бы предпочел увидеть надпись, гарантирующую двухнедельную бесплатную версию после CTA.

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

Оригинал статьи на английском языке: http://unbounce.com/landing-page-examples/your-landing-page-sucks/

↧

СТАТЬИ :: Фантазии о поисковых системах

October 28, 2012, 2:46 am

≫ Next: СТАТЬИ :: 5 цветов, которые заставляют посетителей нажимать на кнопку

≪ Previous: СТАТЬИ :: Статья! 10 лучших лендинг страниц.

Автор: Kaproman
Тема: Фантазии о поисковых системах

Решил оформить давно копошившиеся, в "нетрезвой" голове, фантазии о будущем и настоящем Поиска и не только.
Отношусь к написанному вполне серьезно.

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

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

Большинство поисковых запросов, которые пользователи вбивают в строке ПС крайне просты, однотипны и предсказуемы: Купить, Продать, Скачать и.д. Если на заре развития поисковых машин основная работа по их совершенствованию заключалась в том что бы выдать на конкретный запрос наиболее релевантный контент, по возможности отсеивая "шлак", а так же борьбу с "Сайтостроителями" которые как правило всегда умудрялись (и умудряются) обманывать и использовать структуру ПС, как свою собственную "копейку" - как вздумается.
Сейчас же интернет и наполняющий его контент настолько изменились что, пожалуй, можно говорить о выходе на первый план нового приоритета. ПС сейчас неплохо находят релевантные страницы и выдают в абсолютном большинстве случаев то что нужно, особенно если это касается простых (высокочастотных) запросов. Борьба тех кто создает контент с теми кто выдает то что считает нужным, исходя из своих личных правил, сводится теперь по большому счету с выдаче наиболее "Качественного" или лучшего контента, при этом, даже если анализировать контент вручную, вряд ли кто то сможет с абсолютной уверенностью сказать какой же ресурс из топовой "макушки" больше соответствует запросу. Вот и выходит что вечные смены алгоритмов, фильтров, споры о роли тех или иных ключевиков и составляют основу развития ПС на сегодняшний день.
Но не так давно на этом ристалище появился новый фактор, который пожалуй создатели и конструкторы первых ПС не могли предвидеть, скорее маловероятно могли предвидеть.
Какой же контент можно считать наиболее "Качественным"? Скорее всего тот который сами пользователи (потребители) считают качественным, попросту который им больше понравился.
Да вот и снова подходим к пресловутым "Лайкам", я не знаю кто их придумал и как он в целом видел себе смысл их работы, мне лично он представился довольно "своеобразно". Конечно эти самые поведенческие факторы не ограничиваются лишь лайками, но они пожалуй играют наиболее важную роль в том механизме контентной выдачи который мы придумаем.
Допустим что мы имеем сервис выдающий контент пользователю, исходя лишь только из одних ПФ, используя поиск по хорошо налаженному принципу определения ключевых слов, честно я хз как он работает в деталях.
Чуть упростим задачу (ну пожалуй чуть, больше чем чуть)
Пусть рассматриваются только ВЧ запросы. Есть сложности с мультимедийным контентом, который пожалуй в скором времени вытеснит (может уже вытеснил, я не в курсе) привычный текстовый вариант.
Далее представим что большинство сервисов, сайтов, порталов (далее просто ресов) имеют установленный счетчик, естественно принадлежащий поисковику. Счетчик не удачный термин, (ljkuj ,ele dcgjvbyfnm nthvby [nvkmysq? gjnjv gjlhtlfrnbhe gfhljy pf vyjuf ,erfa b cev,eh rcnfnb)"Светофор". Светофор имеет три положения, в отличии от стандарного, лайка. Зеленый ( у нас белый) Красный ( у нас черный) и желтый - нейтраль, необозначенный, несуществующий, вобщем показатель без реакции.
Далее само собой. Белый лайк - положительный, означающий что содержимое, то есть контент, а не результаты выдачи, ему понравились чуть больше чем очень. При этом ведь не имеет никакого значения, почему ему понравилось содержимое, даже купленный лайк - вполне объективен, хотя и вызван чисто субъективными причинами. По сути ведь ясно что сейчас все так и работает, тот кто платит больше - получает свои показы. Кстати прискорбный факт, что в последнее время было слишком много периодов, когда результаты выдачи определялись исключительно размером кошелька, гигантские объемы ссылочных масс которые торгуются на этом рынке, не оставляли никаких шансов небольшим, мало бюджетным ресам.
Черный соответственно - "дислайк". Возможно что дислайк покажется лишним, или даже вредным, к тому же есть же "пожаловаться" и т.п. Но сугубо имхо, для дальнейшего равития и подключения новых, планируемых сервисов, дислайк должен присутствовать.
По своему ментальному значению дислайку, пожалуй, нужно было бы занять место "Чуть в сторону к лайку", от "Пожаловаться" разумеется :oldher:

Проще говоря дислайк - негатив, пренегатив, но не до такой степени когда надо бить в морду. Возникающие возможности к злоупотреблению черными, можно отсеять массой способов,самым простым из которых будет - игнор персонажей которые шибко мрачные и лепят кучу черных почем зря.
Важнейший момент - идентификация пользователя, четкая и безошибочная, она должна была бы работать не хуже офлайновой. Анонимности в такой системе не место и она смогла бы функционировать лишь при условии максимальной открытости данных. Неизбежные анонимы, впрочем, свелись бы к роли сторонних наблюдателей, толпы зевак, примерно как те кто сидит смотрит ДОМ2 во время выборов. Мне трудно судить наверняка, но думаю что технические возможности уже вполне позволяют создавать системы идентификации подобного уровня (мож даже есть уже я не в курсе). При том элементарное определение пользователя по типам сведений, о них выше, и постоянным сервисам, проще "следам в сети который каждый из нас оставляет дофига и больше, ибо ковриков то нету".
Вообще в идеале, у пользователя системы не должно было бы существовать мотивов к анонимности, кроме, само сбой делишек "нечистых" с точки зрения а) закона, б)системы.
Ближе к сути. Что вообще заставит юзверей ставить все эти лайки, дислайки и прочую мудотень, если даже сейчас Большинство из них, не понимают значения нынешних лайков.
Ну а в целом работает просто:
- Больше лайков - выше выдача.
- Меньше лайков - ниже выдача.
Коэффициенты соотношений черных и белых лайков, а так же механизмы определения качества этих самых, наверняка баз особых проблем набросает один из ... Вас "Отцы", я с математикой, увы, не в ладах Smile

Качество лайков, так же фактор важный, от которого впрочем вполне можно отказаться и запихнули бы мы его в общий котел только из чувства Shocked

"Разве может голос, доктора медицинских наук сравниться с голосом аспиранта?" Разумеется ответ, очевиден.
Ну мы вроде пробираемся к сути (увы писал в "нетрезвом" виде и перепутал страницы)
Про накрутку - накрутка, лайков всевозможными ботами, феками, фейлами и прочими обитателями соцсетей - прием, имхо если работающий, то сугубо для набора "Веса", но вот когда все уже игроки потолстели, среди них эта толстота уже ведь не видна.
Далее копипаст ранее написаного:
Неадекватных лайков быть не может в принципе, да просто по причине того что "неадекватность" как понятие, не как словечко, отсутствует здесь в принципе.
Пример: Подключается вполне себе стандартный юзер (среднестатистический) :oldher:

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

1.Если бы абсолютно вся многомиллиардная армия юзверей знала, а главное правильно понимала "как это работает", ну или "зеленый - иди, красный - стой"

2.База данных сервиса включала бы в себя абсолютно все типы данных которыми пользуется и размещает юзер в паутине.
То есть - одна голова - хозяин. Большой Брат - знающий все.(pafos)
Возможно типы вроде этих:
1.Информационные - Интересы.
2.Социальные - связи между юзерами (ключевой тип)
3.Поиск - от туда только историю запросов, для определения предпочтений.
4.Развлекательные - Характер и черты личности.
5.Профессиональные - Исключительно рабочие данные.

Более того, самая таргетированная, или персонализированная, как угодно. Вполне ведь могла заработать как вспомогательный инструмент подающий контент уже особый назовем его "Вероятно Полезный Контент Исходя из Личных Особенностей" сокращенно ВПКЛИО.
Вероятно полезный контент, вполне мог бы подаваться на манер нынешней "Контекстной" рекламы, которая вроде и работает, но собирает слишком много противоречивых сведений (Я так и не понял если честно). Но на вскидку - должна работать, при том очень даже неплохо ведь, допустим так оно и есть. Но информация подаваемая контекстом - чисто проплаченая, ставки, рынок и та самая убийственная монетизация.
Пример - не удался
Принадлежность в плане "собственности" именно в кавычках еще собственности, думаю можно было бы улучшить используя что то на подобие "Цифровой подписи" тесно связанными с документами, пользователь кстати вполне может раделять в таком случае абсолютно всех пользователй паутины на категории и присваивать им права доступа к своему персональному контенту...не?
Кстати давно заметил каждый Bayan

нист что все без исключения соцсети постоянно предлагают (обычно они где то слева-снизу сайдбара предлагают) друзей, еще не зафрендейнных""". Но вот вы никогда не задумывались что ведь предлагают, то тех кого и так знаю, или знать не хочу, основываясь при этих предложения уже существующими связями с детсва - офлайн. Система знающая и умеющая определить интересы пользователя, ведь вполне могла бы предлагать друзей исходя их случйных, но главное Общих интересов, при том сравнить "Специфику" сервисов которые мы все посещаем, лично мне - полному дилетанту - просто, а вам?
Кстати ведь не стоит забывать все эти нулики и единички в виде низких уровней, имхо сугубо естессно.
Вообщем закругляясь и подытоживая скажу суть, такой котороая она мне "пригляделась".
Мысль, основой, которого стала все вышеизложенное, выскочила из пьяной задумки, да нет как раз из трезвой и было давно потому засело в мозгах крепко, вот я вам господа авмы - выливаю все тут в таком виде (как всегда)
Так вот. Идейка то в том что интернет - единое средство передачи информации, обьединяющее ключевые и важнейшие особенности всех до этого созданых и используемых человеком, при этом не уничтожая их ,а лишь объединяя за нужные звенья в общую цепочку. Развивается такая Сеть (наиболее подходящее имхо название) по все тому же принципу, по которому развивается и развивалось все до этого, принципу -
Частями и отдельными органами, которые вырастают отдельно следуя своей специфике, являясь по "сути" одинаковыми и однотипными, но в конечном итоге объединяющееся нужными местами в единое целое, которое берет готовые детали. Соответственно (?).
Простым языком сказал бы:
Жилмассив из однотипных домов, построенные из одинакового кирпича ... ну вы поняли господа авмы, пример потом, реально заканчиваю.
Все сугубо ИМХО, конечно.
Буду рад вашим пожеланиям, предложениям, замечаниям, пардон за сумбур, и "многа букаф"
Отредактирую позже :oldher:

настрочил... Shocked

↧

СТАТЬИ :: 5 цветов, которые заставляют посетителей нажимать на кнопку

November 7, 2012, 12:44 am

≫ Next: СТАТЬИ :: 12 способов улучшить конверсию на основе психологии пользова

≪ Previous: СТАТЬИ :: Фантазии о поисковых системах

Автор: Miss Content
Тема: 5 цветов, которые заставляют посетителей нажимать на кнопку

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

Обложка книги тоже имеет значение.

Вы можете мне возразить, «О конфете не судят по обертке, о книге не судят по обложке». Но как же иначе можно привлечь внимание людей? Очевидно, что только только после привлечения внимания с помощью внешних атрибутов, можно переходить к внутреннему содержанию.

Я имею ввиду использование цветов в веб дизайне и способы манипулирования с их помощью поведением покупателей.

Цитата:

Если вы хотите понять свое истинное отношение к человеку, запомните чувство, которое вы ощущаете при получении от него письма (с) Артур Шопенгауэр.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Первое впечатление можно произвести только один раз.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

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

Читайте дальше, чтобы узнать о 5 наиболее популярных цветах, используемых в веб дизайне, для привлечения и удержания посетителей.

1. Pinterest сделал ставку на красный.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Без сомнения, красный - самый мощный цвет из всей цветовой гаммы. Если вы внимательно изучите цветовую палитру Pinterest, то заметите, что красный является их основным цветом.

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

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

Вот как нужно использовать красный:

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Спорю, вы не знали:

Человеческий глаз видит красный цвет, когда он смотрит на свет с длиной волны от 630 до 700 нанометров.

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

Прекрасный образец использования красной палитры от jimjim421.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

10 ассоциаций с красным цветом.

1. Кровь
2. Война
3. Огонь
4. Мужественность
5. Обольщение
6. Гнев
7. Напор
8. Энергия
9. Храбрость

Координаты красного:

Hex Triplet: #FF0000
RGB: (255, 0, 0)

2. Амазон любит оранжевый.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

Вот как нужно использовать оранжевый:

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Прекрасный образец использования оранжевой палитры от manekineko:

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

10 ассоциаций с оранжевым цветом.

1. Оптимизм
2. Напор
3. Огонь
4. Предупреждение
5. Осень
6. Религии
7. Выносливость
8. Сострадание
9. Хэллоуин
10. Организм

Координаты оранжевого:

Hex Triplet: #FF7F00
RGB: (255, 127, 0)

3. Синий цвет Фейсбука символизирует безопасность.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

Синий цвет создает эффект противоположный красному. Он успокаивает и можно не бояться переборщить с ним.

Вот как нужно использовать синий:

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Прекрасный образец синей палеты от entitydesigns

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Спорю, вы не знали:

Опрос проведенный в Германии в 2009 году показал, что синий — любимый цвет 46 процентов опрошенных мужчин и 44 процентов женщин.

10 ассоциаций с синим цветом:

1. Точность
2. Дружелюбие
3. Магия
4. Мужчины
5. Лед
6. Достоинство
7. Зима
8. Полиция
9. Небо
10. Вода

Координаты синего:

Hex Triplet: #0000FF
RGB: (0, 0, 255)

4. Зеленый цвет Групона.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

Обратите внимание на 100 долларовую купюру. Она зеленая! Сайты наподобие Групона широко используют зеленый в оформлении, так как непосредственно имеют дело с деньгами.

Вот как нужно использовать зеленый:

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Спорю, вы не знали:

В некоторых языках, например древнекитайском, тайском, древнеяпонском и вьетнамском одно и тоже слово может обозначать как зеленый,так и синий цвет.

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

Прекрасный образец использования зеленого цвета от Skybluue2u

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

10 ассоциаций с зеленым цветом:

1. Деньги
2. Корысть
3. Развитие
4. Зависть
5. Природа
6. Весна
7. Здоровье
8. Молодость
9. Трава
10. Надежда

Координаты зеленого цвета:

Hex Triplet: #00FF00
RGB: (0, 255, 0)

5. Фиолетовый логотип Яху.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Фиолетовый – цвет спокойствия, красоты, молодости и магии. Захватывающий и загадочный. Чаще всего фиолетовый цвет используют для обозначения товаров для красоты. Применение этого цвета в качестве фонового создает чувство колдовства и сказки. Великолепно подходит для рекламы одежды или бижутерии. Этот цвет считается скорее женским, чем мужским.

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

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

Вот как нужно использовать фиолетовый:

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Спорю, вы не знали:

Существует гипотеза "пурпурной Земли" согласно которой, планета в эпоху раннего архея вполне могла выглядеть не зеленой, а красно-фиолетовой. В 2007 году было высказано предположение, что в то время растения вырабатывали ретинальдегид — пигмент фиолетового цвета вместо хлорофилла. Если это так, то большая часть поверхности океана и береговая линия были фиолетового цвета.

Прекрасный образец использования фиолетовой палитры от Miaka:

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

10 ассоциаций с фиолетовым цветом:

1. Богатство
2. Достоинство
3. Дворянство
4. Утонченность
5. Романтика
6. Искусственность
7. Экзотика
8. Духовность
9. Роскошь
10. Женственность

Координаты фиолетового:

Hex Triplet: #800080
RGB: (128, 0, 128)

Оригинал статьи на английском языке: http://www.1stwebdesigner.com/design/5-web-design-colours-visitors-click/

↧

СТАТЬИ :: 12 способов улучшить конверсию на основе психологии пользова

November 13, 2012, 10:13 pm

≫ Next: СТАТЬИ :: Статья! Повышаем конверсию с помощью картинок.

≪ Previous: СТАТЬИ :: 5 цветов, которые заставляют посетителей нажимать на кнопку

Автор: Miss Content
Тема: 12 способов улучшить конверсию на основе психологии пользова

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

Социальное одобрение.

Один из мощнейших инструментов интернет маркетинга на сегодняшний день— это социальное одобрение. Люди пытаются понять, правильно ли они поступают при принятии различных решений, ориентируясь на поведение окружающих. Особенно это ярко выражено, когда человек не уверен в себе. Когда посетитель приходит на страницы вашего сайта, видя ваши товары, он в первую очередь обращает внимание на реакцию других покупателей. Обычно это реализуется в виде рейтингов и обзоров. Видя перед собой эту информацию, человек намного быстрее делает выбор. Это явление в интернет маркетинге и называется социальным одобрением.

Basecamp

На этом сайте подчеркивается, что огромное количество людей уже сделали выбор, который еще предстоит посетителю.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Raven SEO Tools

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

Wish.co.uk

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

Это не просто социальное одобрение, это персонализированное социальное одобрение. Более того, это автоматизированное социальное одобрение.

Groupon

Как и в любом другом крупном бизнесе, здесь присутствует глубокое понимание человеческого поведения. Можно сказать, социальное одобрение лежит в основе их бизнеса.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Демонстрируя, сколько людей уже приобрели предложенное, Groupon надеется убедить посетителя сделать то же самое и оформить заказ.

Страх потери.

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

LateRooms

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

Qwertee

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Amazon

Им нет равных в понимании психологии потребителя. Один из примеров — членская программа Amazon Prime, участие в которой дает ряд привилегий, основная из которых, бесплатная двухдневная доставка заказов в пределах США. Стоимость участия в программе 79 долларов за год. Вроде не дешево, да? Но, если вы часто покупаете на Амазон, то это всего 6,5 долларов в месяц. Доставка некоторых товаров стоит дороже. Очевидно, что маркетологи Amazon тщательно рассчитали выгоду от введения годового абонемента. Они проанализировали среднее количество заказов в год, которые делают постоянные клиенты, и вывели соответствующий коэффициент, который бы позволил повысить продажи.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Argos

Но не только гиганты вроде Амазона используют знание психологии. Успешный ритейлер Argos подстегивает наш страх потери с помощью вот таких лайтбоксов на своем сайте.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Эффект якоря.

«Эффектом якоря» («эффектом привязки») называют влияние, которое оказывают предварительно показанные человеку числа на последующую оценку какого-то параметра – при этом показываемые числа могут не иметь никакого отношения к оцениваемому параметру.

Hotels.com

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Mailchimp

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

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Broadband.co.uk

Тоже самое можно сказать и о странице Broadband.co.uk, где предложение от BT значительно дороже остальных.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Wiggle

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

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Оригинал статьи на английском языке: http://www.appaddictive.com/690/12-conversion-rate-optimization-cro-tips-based-on-human-psychology-and-behavioral-economics/

↧

СТАТЬИ :: Статья! Повышаем конверсию с помощью картинок.

November 27, 2012, 10:07 pm

≫ Next: СТАТЬИ :: 20+ уроков Photoshop по созданию анимированных персонажей.

≪ Previous: СТАТЬИ :: 12 способов улучшить конверсию на основе психологии пользова

Автор: Miss Content
Тема: Статья! Повышаем конверсию с помощью картинок.

Мы все знаем, что дизайн может как положительно, так и отрицательно повлиять на конверсию. Но что насчет влияния отдельных картинок?

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

Ниже, приводятся разбор 3 конкретных примеров, которые помогут вам использовать изображения более эффективно.

1. Фотографии людей вызывают сопереживание.

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

Так например, исследовалось какое влияние оказывают фотографии людей на специалистов весьма далеких от сферы продаж (врачи рентгенологи). Выяснилось, что врачивнимательнее относилиськ пациентам, чьи фотографии были помещены на их мед. заключениях.

Этот же принцип работает и в онлайн сфере. Перефразируем его: как завоевать доверие покупателей, которые никогда не увидят вас в живую?

Ответ: правильно использовать изображения.

В качестве вдохновляющего примера посетите страницу Wistia staff (перейдите на сайт и наведите курсор на фото, они интерактивны).

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

2. Женщины, дети и красивые люди.

Когда речь заходит об изображении людей в продажах, 3 классических образа остаются вне конкуренции. Банально, но это факт.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Кто будет спорить с таким карапузом?

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

Разумеется, все зависит от контекста ( я не вовсе не призываю помещать вас детские фотографии на ED лендингах).

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Далеко не классический образец женской красоты. Но фото этой афганской женщины считается одним из знаковых.В ее глазах столько силы, что в них хочется смотреть снова и снова.

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

Этим фактором оказалось изображение молодой, симпатичной девушки. Таки образом, удалось добиться увеличения числа откликов на 4.5%.

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

Означает ли это, что надо срочно серфить фото красивых девушек? Вовсе нет. Самым главным здесь является качество фотографий, они должны создавать эффект притяжения.

Нужно использовать фото вот так:

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

И ни в коем случае не так:

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

3. Фотографии способствуют доверию.

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

Во время исследование, студентам сообщали ряд слухов и непроверенных данных и просили указать, является ли эти факты истинными или ложными.

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

Оригинал статьи на английском языке: http://unbounce.com/conversion-rate-optimization/images-and-conversion-rates/

↧

СТАТЬИ :: 20+ уроков Photoshop по созданию анимированных персонажей.

December 4, 2012, 10:21 pm

≫ Next: СТАТЬИ :: Статья! Ваш лендинг глазами 6-ти летнего ребенка.

≪ Previous: СТАТЬИ :: Статья! Повышаем конверсию с помощью картинок.

Автор: Miss Content
Тема: 20+ уроков Photoshop по созданию анимированных персонажей.

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

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

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

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Рисуем мультфильмы в Adobe Photoshop.
Требует творческого подхода и навыков рисования. Отлично подходит для превращения отсканированных рисунков в анимированное видео.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Урок Adobe Photoshop по созданию эффекта мультика.
Подробное видео по превращению фотографии в мультипликационный кадр.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Работаем с цветом.
Полезные советы по раскрашиванию мультяшных персонажей.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Портрет в стиле Энди Уорхола [Photoshop CS5]
В этом уроке рассказывается о том, как создать постер в стиле поп-арт, подражая работам Энди Уорхола (на примере Леди Гаги).

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Создаем эффект иллюстрации за 2 минуты.
Для превращения фотографии в картинку нужно только Photoshop и … 2 минуты вашего времени.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Рисуем мультики в Photoshop.
Настоятельно рекомендуется к ознакомлению всем начинающим художникам, желающим научиться рисовать персонажей.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Создаем комикс в Photoshop.
Используя Photoshop из обычной фотографии можно создать изображение похожее на картинку из книжки с комиксами.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Аватарка из собственного фото.
Простой видео урок по созданию аватара из своей фотографии в Photoshop CS5.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

[b]Создание векторной картинки в Pen Tool.
Этот урок научит вас, как используя один Pen Tool создать простой векторный рисунок для автарки или эмблемы.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Рисуем тигренка в Photoshop CS5.
Подробное руководство о том, как нарисовать тигренка на основе вдохновляющей фотографии.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Эффект нарисованной картинки.
Еще один способ создать эффект нарисованной картинки.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Создаем эффект иллюстрации за 1 минуту.
В этой инструкции рассказывается о редактировании фото за одну минуту.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Создаем иллюстрацию в стиле Ретро Поп-арт.
В этом Photoshop уроке вы узнаете, как сделать из фотографии векторный рисунок в стиле Ретро поп-арт.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Экшены для Photoshop.

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

Комикс экшены.
Этот урок поможет превратить ваши фотографии в комиксы.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Экшены Фото → Иллюстрация.
Подборка отличных экшенов для Photoshop с эффектами иллюстрации.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Экшен Pop-Art.
Предназначен для ускорения процесса обработки изображения. Вам даже не потребуется использовать инструмент Перо, что особенно удобно для тех, у кого недостаточно времени или навыков для работы с ним.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Экшены для создания комиксов.
Этот экшен превращает обычную фотографию в картинку из комиксов.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Оригинал статьи на английском языке: http://www.tripwiremagazine.com/2012/11/photoshop-cartoon-tutorials.html

↧

СТАТЬИ :: Статья! Ваш лендинг глазами 6-ти летнего ребенка.

December 25, 2012, 8:51 pm

≫ Next: СТАТЬИ :: Статья! 5 убийц конверсии.

≪ Previous: СТАТЬИ :: 20+ уроков Photoshop по созданию анимированных персонажей.

Автор: Miss Content
Тема: Статья! Ваш лендинг глазами 6-ти летнего ребенка.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Переговоры прошли успешно: время отхода ко сну удалось отложить на 10 минут.

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

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

Дети смотрят на мир неискушенным взглядом, что позволяем им видеть то, что впоследствии став взрослыми мы не замечаем. В этом посте я постарался взглянуть на мир интернет маркетинга глазами шестилетнего ребенка.

1. Каждый ребенок — скептик.

« Зачем я должен делать это именно так? Почему я должен то есть?»

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

Ваша онлайн клиенты очень похожи на шестилеток.

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

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

Почему я должен стать вашим клиентом?

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

2. Стимулы заставляют наш мир крутиться.

Представьте, что будет, если попросить 6 летнего ребенка убрать его комнату в субботу, в 6 часов утра? Вы вероятно увидите самую страшную гримасу, какую только можно представить. Она тот час сменится на счастливую улыбку, если вы сообщите, что ему нужно будет убраться в своей комнате перед поездкой в Диснейленд.

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

Почему я должен стать вашим клиентом?

Правильный ответ: у нас вы бесплатно получите возможность узнать что-то новое и полезное.
Неправильный ответ: потому что я так сказал.

3. Улыбки и смех.

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

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

Почему я должен стать вашим клиентом?

Правильный ответ: потому что мы в меру настойчивы для достижения результатов; в меру внимательны, чтобы выслушать; в меру критичны чтобы посмеяться на своими ошибками.
Неправильный ответ: [любой другой ответ].

4. Плохие сюрпризы пугают.

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

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

Почему я должен стать вашим клиентом?

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

5. Хорошие сюрпризы это классно!

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

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

Почему я должен стать вашим клиентом?

Правильный ответ: мы хотим сделать вас счастливым.
Неправильный ответ: Мы знаем, что лучше для вас.

6. Элегантность в простоте.

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

Верите вы или нет, но целевые страницы должны быть простые. При написании целевой страницы помещайте на первое место самую важную информацию, понятными словами объясните преимущества работы с вами.

Почему я должен стать вашим клиентом?

Правильный ответ: Мы повышаем лояльность клиентов, путем привлечения уже существующих клиентов на ваш сайт, особенно если они уже выразили заинтересованность в продукте, который вы продаете.

Неправильный ответ: наши поиски решения проблемы ретаргетинга предлагают комплексные семантические модели.

7. Людям нужен порядок.

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

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

Почему я должен стать вашим клиентом?

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

8. Каждый посетитель это потенциальный друг.

Люди попадают на вашу целевую страницу со всех уголков интернета: Они могут найти вас по рекомендации друзей, через реферальскую ссылку или просто случайно. Вне зависимости от таргетинга вашей рекламной компании.

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

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

Оригинал статьи на английском языке:http://unbounce.com/landing-pages/a-kids-landing-page-advice/

↧

СТАТЬИ :: Статья! 5 убийц конверсии.

March 5, 2013, 9:10 pm

≫ Next: СТАТЬИ :: Подробный мануал по созданию и продвижению инфографики.

≪ Previous: СТАТЬИ :: Статья! Ваш лендинг глазами 6-ти летнего ребенка.

Автор: Miss Content
Тема: Статья! 5 убийц конверсии.

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

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

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

1. Плохая типографика.

Согласно этому исследованиюудобочитабельности, отсутствие интервалов положительно сказывается только на скорости чтения.Читать такие тексты действительно быстрее. Однако проблема в том, что отсутствие интервалов коренным образом влияет на понимание прочитанного. А на целевой странице самое главное— четкий призыв к действию.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Но когда дело доходит до реализации на практики, появляются вопросы. К счастью, невероятно талантливый Рафал Томальв своем блоге подготовил несколько советовпо оформлению текста на страницах сайта.

Вот небольшой пример, что можно делать и чего следует избегать.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Рафалю Томаль, как главному дизайнеру Copyblogger Media в этом вопросе можно верить. Он признанный эксперт по вопросам визуализации и конверсии.

Он так же советует усилить контрастность текста по отношению к фону, для облегчения чтения.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

2. Медленная загрузка целевой страницы.

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

Согласно статистике ПС, менее чем 2-секундная задержка отклика уменьшает удовлетворенность посетителей на 3.8%, снижает что кликов на 4,3% и соответственно снижает доход с каждого посетителя на 4,3%.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Посетители просто ненавидят ждать, пока загрузится страница и реагируют на задержку уменьшением числа кликов.

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

Уберите весь мусор, который тормозит работу сайта, оставив только самое необходимое. Если вы используете WordPress, вот несколько советов по ускорению:

lWP-SmushIt

WP-Optimize.

3. Зацикливание на прокрутке.

Многие дизайнеры просто помешаны на размещении контента вверху страницы, что бы его можно было видно без прокрутки.

… но действительно ли длинные страницы настолько плохи?

Ответ: нет, это нормально и даже рекомендуется.

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Скорее наоборот, отсутствие контента побудит пользователяпрокрутить вниз в его поисках.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Весомый аргумент сказать длинным страницам: да?

Вот подтверждение сказанного от Нила Пателя с QuickSprout:

Вывод: прекратите кромсать страницы, следуя ошибочном и нелепым представлениям.

4. Неправдоподобные отзывы.

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

Проблема в том, что отзывы вы глядят так:

Эй чувак, это действительно классно! Продукт действительно супер!

Это позор, потому что:

читают отзывы

больше доверяют

Вопрос в следующем: как улучшить отзывы, оставаясь при этом честным? (Не советую писать фальшивые отзывы т.к. это рано или поздно всплывет наружу).

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Еще один пример с Help Scout:

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Другим способом подтверждения социального одобрения будут истории. По мнению психологов Кристофера Чабриса и Даниэллы Саймонс (авторов «Невидимой гориллы») истории лучше запоминаются чем статистика т.к. они образны.

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

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

Вот пример:

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Это гораздо лучше, чем написать: «WPENGINE — лучшие», чем грешат многие хостинг провайдеры.

5. Стена текста.

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

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

И хотя длинные целевые страницы конвертятся лучше, очень важно не перейти тонкую грань.

Согласно этим данным: чем длинные страница, тем меньше людей дойдет до конца.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

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

Наш приятель Рафаль подготовил еще один пример правильного/неправильного расположения текста на странице.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Если вы заметили, оба текста примерно одной длины. Только левый более грамотно использует заголовки и выделение параграфов. По сути вы читаете отрывки текста вместо длинного эссе.

Это подтверждается исследованиями Eyetrack III, которые показали что заголовки самые часто просматриваемый элементы страницы и по количеству просмотров оставили позадидаже картинки.

Ваш ход.

Если вас заинтересовала эта тема, можете бесплатно скачать мою книгу «10 способов привлечь больше клиентов (на основе знаний психологии)». На Unbounce она была признана лучшей электронной книгой года в разделе маркетинга.

Оригинал статьи на английском языке: http://unbounce.com/landing-pages/conversion-killers/

↧

СТАТЬИ :: Подробный мануал по созданию и продвижению инфографики.

May 15, 2013, 1:58 am

≫ Next: СТАТЬИ :: Статья. Оптимизируем «продающие» кнопки на сайте.

≪ Previous: СТАТЬИ :: Статья! 5 убийц конверсии.

Автор: Miss Content
Тема: Подробный мануал по созданию и продвижению инфографики.

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

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

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

В этой статье, мы пошагово разберем как придумать, создать и раскрутить инфографику. Ниже вы узнаете, где почерпнуть идеи для ее создания, как написать интересный текст, где взять данные, как создать привлекательный дизайн (какие ресурсы для этого использовать) и как продвинуть инфографику (по возможности, сделав ее вирусной).

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

1. Выбор темы.

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

После выбора темы, самое время начать ее изучать и собирать данные.

2. Сбор информации.

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

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

UN Statistical Yearbook

UN Demographic Yearbook

Google Public Data

Guardian Data

Guardian World Government Data

US Government Business Data

Federal Statistics

UNESCO Data Centre

EuroStat

List of International Statistical Agencies

На этих сайтах вы можете найти множество данных и статистики, находящихся в открытом доступе.

Инфографика очень часто используется, чтобы представить сухие цифры статистики в наглядной для восприятия форме. Например, как здесь, где сравниваются продажи смартфонов за последние 3 года. Мы не зря потратили время на анализ нескольких источников и получили хороший бонус: наша инфографика вошла в шестерку лучших в рейтинге Econsultancy, ее перепечатали многие СМИ, а так же набрала множество лайков и твитов от известных людей. Ею охотно делились на StumbleUpon и Pinterest.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

3. Создаем историю.

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

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

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

1. Советы — рассказ о том, как поступить в том или ином случае. Рассчитаны на определенную категорию читателей, отличаются тем, что со временем не устаревают. Примеры:

Как преодолеть страх полета.
Как вести себя во время чрезвычайной ситуации.
Руководство для получения работы в компании Apple

2. Факты, которые вы не знали— инфографика представляет новые или малоизвестные факты в интересном свете. Можно также комбинировать известные факты и представить их по-новому. Примеры:

28 курьезных фактов о человеческом теле.
9 малоизвестных фактов о Бараке Обаме.
То, что вы не знали о Ким Чен Ире.

3. Забавные факты.Успех инфографики этого типа зависит от умения найти подходящие картинки. Примеры:

Стресс & продуктивность.
Как американцы видят Европу.
Кто лучше водит машину: мужчины или женщины?

4. Новости/тренды.Они могут включать: биографию или факты из жизни недавно умерших звезд, научные новинки, фестивали, войны и т.д. Примеры:

Apple & Samsung: патентаная война.
SOPA & PIPA
Ода Стиву Джобсу.

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

iPhone 5 &. iPhone 4S &. Samsung Galaxy S3.
Сравнение суперкаров Veneno, LaFerrari и P1.
Зарплаты рабочих в разных штатах.

После написание контента, самое время подумать о дизайне.

4. Дизайн инфографики.

Есть несколько бесплатных ресурсов (их список ниже), но опыт показывает, что быстрее сделать набросок карандашом. Он будет выглядеть примерно так.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Следующий шаг — выбор типа инфографики. Существуют сотни способов представить информацию наглядно. Самые популярные:

Блок-схема:блоки различной формы, соединенные между собой линиями, указывающими направление последовательности.

Типографика:художественное оформление текста посредством шрифтового дизайна.

Периодическая таблица:данные расположены внутри ячеек таблицы.

Хронологическая таблица:список событий, как правило в хронологическом порядке.

Сравнительные диаграммы:использование аналогичных схем, графиков, диаграмм Венна, для сравнения данных.

Смешанный вид:использование нескольких видов графиков и диаграмм в одной инфографике.

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

Текстовые:перечисление фактов в текстовой форме.

Карты:использование географической карты для сравнения или наглядного представления явления.

Прежде, чем вы приступите к окончательному варианту, рекомендую вам ознакомиться «Что можно и что нельзя делать при создании инфографики».

Вот список бесплатных сервисов, которые вам помогут:

5. Продвижение инфографики.

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

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

Разместите инфографику на своем ресурсе (не забудьте про ключевое слово в тайтле). Затем, поместите ее на специализированных ресурсах. Вот список наиболее авторитетных6

Visually

Fuck yeah infographics

Infographic Directory

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

Разместите у себя на видном месте код для вставки (этот инструмент поможет его сгененировать).

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

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

Разместите ссылки на инфографику во всех социальных сетях, где у вас есть аккаунты.

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

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

Для получения максимального количества ссылок, переформатируйте ее в видео, PDF и PPT.

Ссылки — ничто, бренд — все!

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

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

Оригинал статьи на английском языке: http://www.seomoz.org/ugc/the-definitive-guide-to-conceptualizing-designing-and-promoting-your-own-infographic

↧

СТАТЬИ :: Статья. Оптимизируем «продающие» кнопки на сайте.

May 29, 2013, 2:36 am

≫ Next: СТАТЬИ :: Статья. 5 дизайнерских уловок для увеличения конверсии.

≪ Previous: СТАТЬИ :: Подробный мануал по созданию и продвижению инфографики.

Автор: Miss Content
Тема: Статья. Оптимизируем «продающие» кнопки на сайте.

Сегодня мы поговорим о том, как разработать эффективные «продающие» кнопки для ваших лендингов.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Какая кнопка, на ваш взгляд, конвертится лучше?

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

«Продающие» кнопки состоят из 2 элементов, непосредственно влияющих на конверсию: дизайн и текст.

Дизайн привлекает внимание потенциального покупателя. Другими словами, он информирует: «Где я должен кликнуть»? Текст на кнопке, мотивирует посетителя, отвечая на вопрос: «Почему я должен кликнуть»?

В этой статье, мы более подробно остановимся на дизайне.

Начнем с примера из практики. Речь идет о крупном интернет магазине, продающем вручную расписанный фарфор. Им удалось увеличить продажи на 35.81%, просто изменив цвет и размер «продающих» кнопок.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

Нет кнопки «Бабло», которая работает всегда.

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

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

Самое главное — ВЫДЕЛЯТЬСЯ.

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

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

Существует миллион оттенков. Какой из них выбрать?

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Еще один пример из жизни. В этом случае удалось вдвое увеличить CTR, путем тотального редизайна кнопки из маленькой коричневой в большую оранжевую.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

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

Визуальные эффекты.

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

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

После долгих споров мы решили провести эксперимент. Простой A/B тест доказал, что кнопка без стрелки работала на 12.29% хуже.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Вот еще один пример с сайта по продаже б/у сотовых телефонов. Я предположил, что можно увеличить CTR сменив цвет текста на кнопке с черного на желтый. Это было ошибкой. CTR упал на 18,01%

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Очень сложно предположить возможные последствия, без тестирования на практике. Я не против креатива, но считаю, что простые, традиционные варианты работают лучше.

В следующем примере обычная зеленая кнопка на 10.94% оказалась успешнее, чем ее нестандартная копия.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Размер имеет значение.

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

Как раз в следующем примере, увеличение размера кнопки привело к плачевным результатам.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

Повторяю — не переусердствуйте с размером кнопок. Без тестирования здесь не обойтись.

Еще раз о тексте.

Дизайнеры любят повторять: «Никто не читает что написано на кнопках». Но это не так. У меня накопилось больше 30 примеров, опровергающих это утверждение. Текст на кнопках оказывает значительное влияние на конверсию и люди действительно его читают. Можете быть уверенным, что это самая читаемая часть страницы после заголовка.

Недавно мы проводили A/B тестирование лендига, целью которого было увеличить количество потенциальных клиентов, которые подписались на 30-дневную бесплатную пробную версию. Единственная вещь, которую мы сделали — изменили слово ваша» на «моя» в предложении «Загрузите вашу бесплатную версию». Это увеличило CTR на 90%

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

Более подробно про создание призывов к действию в видео.

Что мне теперь делать?

Откройте ваши лендинги и тщательно изучите кнопки. Легко ли их найти? Похожи ли они на кнопки? Может быть следует сменить цвет или добавить визуальных эффектов? В этом вам поможет специальный инструмент buttonoptimizer.com.

Оригинал статьи на английском языке: http://unbounce.com/conversion-rate-optimization/design-call-to-action-buttons/

↧

СТАТЬИ :: Статья. 5 дизайнерских уловок для увеличения конверсии.

June 13, 2013, 12:07 am

≫ Next: СТАТЬИ :: Сочинение: Если бы моим другом был Билл Гейтс...

≪ Previous: СТАТЬИ :: Статья. Оптимизируем «продающие» кнопки на сайте.

Автор: Miss Content
Тема: Статья. 5 дизайнерских уловок для увеличения конверсии.

В извечном вопросе, чему уделить максимальное внимание и усилия: дизайну или продвижению, я думаю, пальму первенству следует отдать дизайну. Ведь именно ваш сайт является конечным пунктом, куда попадают ваши потенциальные клиенты после проведенных вами мероприятий по раскрутке и пиару. Между ними существует прямая зависимость: уменьшение на 10% показателя отказов на сайте приводит к 10% уменьшению затрат на продвижение.

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

1. Слайдеры картинок — это отстой.

Почему? Давайте я расскажу: слайдеры добавляют сайту вес. Что происходит, когда страница долго загружается? Люди уходят, не посмотрев ничего. Слайдеры, хороши только для демонстрации, с них нет толку для побуждения к действию. Когда университет Нотр-Дама тестировал на главной странице слайдер, отклик получала только самая первая картинка. И даже этот отклик был чрезвычайно низок. Только 1% посетителей совершили желаемое действие. Иными словами, только 1% посетителей заинтересовались тем, что занимает верхнюю половину главной страницы. Все исследования, которые я проводил, доказали неэффективность слайдеров. Многие посетители воспринимают их как рекламные баннеры и ситуация осложняется «баннерной слепотой».

Вывод: откажитесь от использования слайдеров и ротаторов. Если ваш клиент/начальник настаивает на их использовании, покажите им этот пост.

2. Важность «закрытия» сделки.

Еще одним способом увеличить удовлетворение пользователя от покупки — правильно завершить сделку. Человек всегда подсознательно ищет подтверждения, что он все сделал правильно. Это относится и онлайн покупкам. Большое значение здесь играет постпродажный процесс. По данным недавнего исследования из журнала Consumer Research, можно повысить уровень удовлетворенности клиентов покупкой, если у вас на сайте есть четкие сигналы завершение сделки.

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Важно: ваш заказ либо завершен, либо просрочен.

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

Чтобы избежать этого, убедитесь, что после совершения любого действия на сайте пользователь получит подтверждение успешности выполнения.

3. Анонсы вместо постов.

Как показало исследование, размещение анонсов, вместо постов целиком, заставляет людей читать больше.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Анонсы позволяют разместить больше информации на странице и каждый может найти для себя что-то интересное. Ещё один плюс – пользователям просто не нравится, долго крутить страницу вниз, чтобы найти необходимый ему(или хотя бы просто интересный) пост. Но как написать анонс, почитав который, люди почувствуют непреодолимое желание дочитать статью до конца?

Самое главное правило: короткие абзацы прочитывают, длинные абзацы бегло просматривают, огромные абзацы пропускают.

Ниже приведены несколько приемов, которые помогут удержать внимание читателей:

4. О законе Фиттса.

В 1954 году Поль Фиттс сформулировал правило, ставшее известным как Закон Фитса:

Время достижения цели прямо пропорционально дистанции до цели и обратно пропорционально размеру цели.

Обычно это правило используется при рассмотрении движения мышью от точки A к точке B. Это может быть важно при размещении элементов, количество кликов на которые желательно увеличить.

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

Зная это, можно выделить (цветом или размером) ДЕЙСТВИТЕЛЬНО важные кнопки.

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

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Рассмотрим еще одно исследование проведенное Techwyse. Они представили главную страницу сайта, занимающего грузоперевозками, в виде тепловой карты.

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Здесь вы можете видеть закон Фиттса в действие: самый большая и наиболее доступная для клика область (некликабельный значок «NO FEES») занимает центральное место на странице.

Ниже вы видите обновленный сайт, где на самом видном место размещен элемент, непосредственно повышающий продажи — номер телефона!

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

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

5. Слишком много ценников.

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

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

На первой картинке указана только одна цена (со скидкой).

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Вполне ожидаемо, наибольшее внимание привлекает сам продукт и его цена. Если мы добавим еще один ценник, как будут вести себя покупатели? Будет ли они игнорировать старую цену?

< s c r i p t language="javascript" type="text/javascript">< / scr ipt>

Старая цена обведена кружком.

Люди действительно сравнивают цены, чтобы убедиться в выгодности покупки!

Все это очень интересно, но какое отношение это имеет к конверсии? По словам автора исследования: после совершения покупки я попросил покупателей оценить выгоду от приобретения по семибалльной шкале, где 1- максимальное удовлетворение.

Потребители, которые видели только цену со скидкой, дали средний балл 2,4. Потребители, которые имели возможность сравнить цены оказались более довольны покупкой - 1.7 баллов.

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

Оригинал статьи на английском языке: http://unbounce.com/conversion-rate-optimization/conversion-killing-tactics/

↧