Последние записи пользователей

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

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

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

Как девушка выглядит, когда нравится? Как минимум, адекватно. Например, Диана
Велосипедная прогулка — с друзьями — бассейн (кликабельно)

Со всей силой нас носит по волнам инноваций. Пост-ПК эра нас обогатила: айфонами, galaxy, htc one, фаблетами, планшетами, Google Glass. У Наиля Байкова Интернет в телевизоре. Технология называется Smart TV, через нее доступны приложения которые из себя представляют html-сайты. В iWatch реализуются новые идеи. Интернет будет в часах. 2013 год я называю годом Адаптивного дизайна.

Необходимо соответствовать месту где находишься. Скоро Интернет будет открываться и здесь (кликабельно):

а еще здесь:

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

Важно, не путайте адаптивный дизайн и мобильные версии. Мобильные версии — это сайты под устройство. Под одно конкретное. 2013: устройства бывают разных форм-факторов, размеров и разрешений, с различными типами ввода информации: кнопки и жесты. Создавать мобильные версии под устройства всех типов дорого и моветон. Я отображаю это так:
или так:

Что важно знать до начала работ по созданию responsive-сайта. Начинать надо с меньшей версии сайта. Запомните: Mobile First. Или по-русски: от малого к большему. Залезть на дерево легко, сложнее с него слазить.

Наглядно (кликабельно):



Необходимо знать, что практически весь современный дизайн строится через CSS3. Конкретно через MediaQueries. Именно они помогают моделировать страницы основываясь на размерах дисплея – ширине, высоте, ориентации и разрешении. Пример:

@media screen and (min-width:300px) and (max-width:555px) { ... }

стили которые пропишутся в фигурных скобках будут работать на устройствах с шириной 300px-555px.
Мастхевные фичи: изменение элементов навигации, разные изображения, текст в %, гибкие таблицы и таблицы в виде списка, замещение таблиц диаграммами.

Если материал заинтересует, поделюсь наиболее яркими и необходимыми фичами из практики. И исходниками

Интересные факты:

• Впервые понятие Адаптивный дизайн/Responsive design было озвучено 2011 году дизайнером итальянского происхождения
• Скорость развития мобильного веба опережает десктопный в 8 раз
• На 2012 в Японии более 90% Интернет-трафика приходится на гаджеты
• В 2012 Google впервые дает совет создавать сайты с адаптивным дизайном, замечая что это положительно скажется на поисковой выдаче
• В 2013 Google объявил о переходе всех своих сервисов на адаптивный дизайн
• Наиболее успешное решение до 2013:
  
  bostonglobe.com

Апдейты. Ребята, дождались примеров!

UPDATE 1: Responsive.Images
В комментариях обсуждались недостатки, якобы у страницы большой вес. Привожу пример.
В данном примере подгрузка изображения осуществляется в зависимости от разрешения/устройства (кликабельно):

В результате:

• вес минимальный
• красиво, пропорционально

Никаких дополнительных проблем с наполнением не возникает. Поддается автоматизации.
Выглядит так:


UPDATE 2: Responsive.Nav
Как создается навигация. Привожу пример.
Экономия места и минимализм.
Выглядит так:

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

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

Я не жадный. Я участвую в статейном конкурсе от MegaIndex. Вот рейтинг — www.megaindex.org/rating. До конца конкурса осталось 11 дней. Суть конкурса:
Кто угадает сколько у меня будет "лайков" в статье "Хорошая статья на вес золота!" к концу конкурса, получит 20% от моего приза, если я конечно что-нибудь выиграю, а то там сейчас идет жесткий дизлайк. Если выиграет несколько человек, то эти 20% от выигрыша я поделю между ними. Если никто не угадает точное число "лайков", то выиграет тот(или те), кто ближе приблизится к числу "лайков" в большую сторону. Например, если количество "лайков" будет равно 100, а кто-то назовет 99 и 101, то выйграет тот, кто назвал 101. Пишите количество лайков в комментарии.
P.S. Комментарии, которые будут оставлены позднее 3-х дней до конца конкурса, участия не принимают.

Вводная часть: как понять попал ли сайт под фильтр или нет

Оптимизаторы нашли два глобальных пути проверки под фильтром сайт или нет.
1. Запрос в поиске вида "site.ru"
Если сайт при этом не на первом месте, значит он пострадал от Минусинска