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

Так каким же должен быть Геосайт?

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

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

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

Кстати, контекстная реклама сайтов в этом смысле не вызывает отторжения посетителей, а скорее интерес.

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

Занимаясь в настоящий момент разработкой геопортала — посмотрел множество городских ресурсов. Из огромного количества существующих городских сайтов только 5%-10% соответсвуют выше изложенным требованиям, остальное просто хлам… Кстати, чем больше город, тем хуже сайт… А госсайты — это вообще «НЕЧТО»…

P.S. В процессе работы буду дополнять данную статью новыми описаниями требований к георесурсам.

Коллекция мультфильмов Angry Birds постоянно пополняется новыми видео.

Angry Birds & the Mighty Eagle

Angry Birds Rio: Story

Angry Birds Rio: Nigel Mashup

Angry Birds Seasons: Ham’O'Ween

Angry Birds Seasons: Year of the Dragon

Angry Birds Seasons: Summer Pignic

Angry Birds Seasons: Wreck The Halls in Christmas

Angry Birds: Peace Song

Angry Birds: Take Note Pigs!

Продолжение следует…

Для аккаунта в Twitter

function countFollowers($username){
$url = "http://twitter.com/users/show/{$username}.xml";
$content = simplexml_load_file($url);
return "Followers: {$content->followers_count}";
}
echo countFollowers("Ваш_Twitter");

Для персональной страницы в FaceBook

$page_id = "Идентификатор_вашей_страницы";
$xml = @simplexml_load_file("http://api.facebook.com/restserver.php?method=
facebook.fql.query&query=SELECT%20fan_count%20FROM%20page%20WHERE%20page_id=
".$page_id."") or die ("a lot");
$fans = $xml->page->fan_count;
echo $fans;

Количество подписчиков Feedburner

$feed="АДРЕС_ВАШЕГО_ФИДА";
$file = file_get_contents ('http://feedburner.google.com/api/awareness/1.0/
GetFeedData?uri='.$feed);
preg_match("/circulation=\"(.*)\"/isUm", $file, $matches);
echo $matches[1];

А можно ещё и оформить это так — «Бейджи для счётчиков«

Для модификации существующей HTML или XHTML разметки страницы добавляются новые атрибуты. Наиболее часто используются при раскрутке сайтов составляющие class, rel, rev и title. К примеру, атрибут class позволяет обозначить категорию конкретного элемента кода на странице. Для микроформатной разметки подходят все элементы кода, в частности атрибуты span и div, для которых собственное стандартное семантическое значение не определено.

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

Типы микроформатов

Каждый микроформат предназначен для решения отдельной задачи:

• hCard — люди и организации
  • fn и org (название организации), значения которых должны совпадать. Рекомендуется одновременное использование двух классов в одном элементе
  • adr (адрес). Должен быть достаточно подробным. Обрабатываются такие вложенные свойства, как country-name, region, locality (населенный пункт), postal-code (почтовый адрес), street-address (с точностью до дома), extended-address (указывается номер подъезда, этажа, офиса и т.д.). Каждое свойство должно использоваться один раз
  • url (ссылка на официальный веб-сайт компании). Должна вести на страницу на том же домене, где находится карточка
  • category, сфера деятельности. Необходим для присвоения правильной категории в «Справочнике организаций»
  • geo, географические координаты в градусах, соответствующие адресу компании
  • email, электронный адрес компании в виде текста или ссылки
  • tel, номер телефона с кодом страны и города
  • workhours, часы работы компании
• hCalendar — события
• XFN — социальные взаимосвязи
• hAtom — ленты новостей в обычном (X)HTML, аналог Atom и RSS
• rel-tag — теги и образование народной классификации (фолксономии)
• geo — географические координаты
• adr — почтовые адреса
• hProduct — любые товары
• hReview — отзывы о мероприятиях, услугах, товарах и т.д.
• xFolk — отмеченные ссылки
• hRecipe — кулинария (рецепты блюд)
  • fn — название блюда или рецепта. Значение свойства — текст (к примеру, Яблочный пирог)
  • ingredient — объем или количество ингредиентов. Данным классом необходимо помечать каждый продукт. Значение свойства — HTML код или текст. Допустимы вложенные элементы: name, value и type (количество и единицы измерения), amount (объем ингредиентов в произвольном формате)
  • category — вид блюда (только для Яндекса)
  • instructions — алгоритм приготовления (для отдельных пунктов — instruction). Значение свойства — HTML код или текст. Допустимо вложение внутрь элемента одной или нескольких фотографий процесса приготовления (только для Яндекса)
  • yield — количество получаемых порций (значение — текст)
  • duration — время приготовления блюда (значение — строка формата ISO 8601 или текст)
  • autor — автор блюда (значение — карточка hCard или текст)
  • nutrition — пищевая или энергетическая ценность блюда (количество калорий, белков, углеводов и т.д.)
• nofollow — запрет индексации определенных документов поисковыми роботами.

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

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

1. Дополнительные посетители на Ваш сайт из каталогов.
2. Больше ссылок на Ваш сайт, что влияет на позиции в поисковике.
3. Ссылки из каталогов — тематические, т.к. размещаются в тематических разделах.
4. Влияние на ссылочное ранжирование — название Вашего сайта, зарегистрированное в каталогах — это ссылка с нужными ключевыми словами.

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

Основные преимущества 1PS.RU по сравнению с ручной регистрацией — скорость регистрации и ежедневно пополняемые и обновляемые списки каталогов.

Почему с 1PS.RU быстрее?
Потому что 1PS предлагает целую линейку тарифов, выберите оптимальный по затратам времени и денег.

Любой тариф 1PS экономит Ваше время!

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

Посчитайте стоимость своего рабочего времени и затраты на Интернет, и Вы поймете, что услуги 1PS.RU того стоят.

Почему с 1PS.RU надежнее?
Регистрация выполняется в полуавтоматическом режиме. Это значит, что специалист видит каждый каталог и может скорректировать информацию о сайте под требования каждого каталога, обрабатываются каталоги с регистрацией в несколько этапов и каталоги с капчей!

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

В подробном отчете Вы увидите результаты отправки данных в КАЖДЫЙ каталог.

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

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

Сколько стоит регистрация в каталогах через 1PS.RU?

Есть несколько тарифов:

• VIP — для занятых людей. Вы предоставляете только URL сайта, ключевые слова и описания для регистрации готовит специалист и согласует с Вами, а после этого зарегистрирует в каталогах. Этот тариф удобен и для новичков — Вы сэкономите массу времени и получите хороший эффект.
  2400 руб. Подробнее »
• ОПТИМА — если Вы уже выбрали ключевые слова для продвижения, этот тариф оптимален. На их основе специалист готовит описания сайта и регистрирует сайт.
  1560 руб. Подробнее »
• ЭЛИТА — описания предоставляете Вы, регистрацию проводит специалист Сервиса 1PS.RU.
  600 руб. Подробнее »
• ПРОФИ — для профессионалов. Полностью самостоятельная регистрация сайта в каталогах с помощью Сервиса 1PS.RU.
  100 руб. Подробнее »

Есть и бесплатный демо-режим: оцените возможности Сервиса для самостоятельной регистрации (50 каталогов доступны в любое время, остальные с 2 до 6 ночи).

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

Каталог товаров должен быть удобен и понятен.

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

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

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

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

Негативно влияет подпись «Нет в наличии». Покупатель позже не будет проверять — появился ли товар, он купит его в другом магазине.

Цена товара должна быть заметна как на страницах каталога, так и на странице товара.

Качественно улучшают интернет-магазин наличие таких разделов как Новинки, Хиты продаж, Рекомендуемые товары.

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

Уберите регистрацию перед покупкой.

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

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

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

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

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

Лучше, чтобы это была не просто ссылка, а модуль, показывающий, какие товары добавлены в корзину, их количество, стоимость – мини-корзина.

Обязательно должна быть ссылка ОФОРМИТЬ или КУПИТЬ – они будут вести на страницу оплаты, так как некоторые покупатели могут подумать, что пройдя по ссылке в корзину, они попадут на страницу оплаты — это может их испугать.

Корзина должна быть организована просто и рационально.

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

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

Отзывы покупателей должны обязательно присутствовать.

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

Должны быть предусмотрены различные способы оплаты.

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

Контактов на сайте должно быть как можно больше.

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

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

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

Флэш-баннеры, анимированные заставки отвлекают покупателя от основной цели – выбор товара и совершение покупки.

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

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

Тема: о чем блог?

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

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

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

Уникальное предложение: что особенного есть в информации на блоге?

Как только любитель работы с деревом попадает на блог, посвященный обработке древесины, его следующим вопросом будет: «А зачем мне читать именно этот блог?»

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

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

Аудитория: кто читатель блога?

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

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

Уделяйте внимание деталям

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

Идентификация автора

Ничто так не сбивает с толку, как указание в качестве автора записи «Admin.» Блог — это персонализированное средство информации: имя, иногда миниатюра с фотографией автора и его данные являются критическим пунктом в вопросе установки контакта с аудиторией.

Внутренний поиск по сайту

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

Цитаты из записей

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

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

Не будьте слишком креативным: используйте шаблон дизайна блога

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

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

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

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

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

Размещайте боковую панель справа в вашем шаблоне

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

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

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

Выбор и расположение изображений требуют серьезного анализа

Изображения существенно увеличивают привлекательность блога. Однако место размещения картинок создает различное восприятие информации.

Лучшее место для изображений — вверху и/или вверху справа. Также как и боковая панель, изображение не должно бороться с записью за внимание посетителя. Оно должно усиливать сообщение.

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

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

Внимательно отнеситесь к расположению рекламы

Реклама в Интернет по своей сути является маркетингом прерывания. Блог же является социальным маркетингом. Их смешение похоже на перемешивание воды и масла.

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

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

Размещайте рекламу выше заголовка записи или на боковой панели. Данные области обычно ассоциируются с рекламой.

Определите, что больше вам подходит: формат дневника или журнала?

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

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

Источник статьи.

APNG разработан Стюартом Парментером и Владимиром Вукичевичем из Mozilla Foundation.

Если у вас в браузере шарики крутятся, то вам повезло — ваш браузер понимает APNG

Группа разработчиков PNG отказалась признать формат APNG официальным.

APNG не слишком популярен как раз потому что его поддерживают не все браузеры. А точнее, его поддерживают и отображают только Firefox и Opera. Crome, Safari и IE вместо анимации показывают статичную картинку (благо формат обратно-совместим с обычным PNG).

UPD: Онлайн-сервис создания APNG — apngs.com