s.mitrofanov

Крупное обновление в XMLProxy!

1 0
15:35 5 декабря 2016 — опубликовал Митрофанов Степан
1) Доработаны автовыплаты. Теперь выплата приходит в течении 10 минут с момента оформления заявки (в первые дни могут быть небольшие задержки. если не пришла в течение дня, пожалуйста — напишите в поддержку)xmlproxy
hr.alex.kram

Как недорого улучшить поведенческий фактор на сайте за счет видео-контента

2 0
10:32 30 мая 2017 — опубликовал Гавриленко Алексей
Много споров ведется в последнее время о влиянии поведенческого фактора на SEO-продвижение сайта. Влияет или не влияет этот фактор на качественные характеристики продвижения? По последним данным, полученным опытным путем, доказано, что все же влияет. Чем более длительное время пользователь находится на сайте, и проявляет на нем активность, тем лучше в конечном итоге поведенческий фактор.
Давайте выясним, что может заставить пользователя подольше задерживаться на вашем сайте.
interlimited

Адаптивный дизайн +пример по изображениям +пример по навигации

132 72
16:25 4 июня 2013 — опубликовал Угниченко Дмитрий
Как девушка выглядит, когда нравится? Как минимум, адекватно. Например, Диана
Велосипедная прогулка — с друзьями — бассейн (кликабельно)

Со всей силой нас носит по волнам инноваций. Пост-ПК эра нас обогатила: айфонами, 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
Как создается навигация. Привожу пример.
Экономия места и минимализм.
Выглядит так:
writecontent

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

6 2
17:41 19 октября 2015 — опубликовал Кузнецов Максим
​В процессе продвижения интернет-ресурса очень важную роль играет внутренняя оптимизация, которая, в свою очередь, осуществляется при помощи перелинковки страниц.

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

IT fashion

0 3
15:25 13 июля 2013 — опубликовал Башмаков Кирилл


Добавляйте)
skvorcov_73

Руководство по составлению семантического ядра сайта часть 2

9 4
14:57 29 мая 2013 — опубликовал Мосфан Евгений

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

Подбор запросов при помощи бесплатной программы Словоеб.
Если вы собираетесь составлять СЯ (семантическое ядро) на более профессиональном уровне, или же вам потребуется статистика запросов по Google.Adwords, Rambler.Adstat, социальной сети Вконтакте, различных ссылочных агрегаторов и др., советую сразу приобрести Кей Коллектор (http://www.key-collector.ru/). Это мега программа, которая поможет оценить ключевые фразы по более чем 70 параметрам! Её стоимость на данный момент – 1500 рублей.
Если же вы хотите составить большое семантическое ядро, но при этом не желаете тратить деньги на покупку платных программ, наилучшим вариантом в этом случае будет программа Словоёб (информацию о программе читайте здесь). Она является «младшим братом» Кей Коллектора и позволяет собрать СЯ основываясь на статистике запросов по Yandex.Wordstat.