Как стать автором
Обновить
  • по релевантности
  • по времени
  • по рейтингу

Фред Уилсон: Apple – зло, а Facebook – всего лишь сайт для обмена фотографиями

Социальные сети и сообщества
image
Фред Уилсон (Fred Wilson), инвестор Twitter и Forsquare, отмахнулся от Open Graph Фейсбука – «стратегии социальной разметки веба через призму вкусов людей», а так же назвал Эппл злом, за ее растущие амбиции по контролю мобильных устройств и всей мобильной экосистемы. Далее последуют абзацы, выуженные из его выступления. Они даны в разнобой, поэтому не удивляйтесь резкой смене темы.

«Смотрите реально: Фейсбук – лишь сайт для расшаривания фоток. Ну, может еще чат привинчен» — сказал Уилсон на Geo-Loco conference в Сан-Франциско. «Я не думаю, что Open Graph действительно важен. У всех более-менее крупных веб-приложений есть такая «социальная» сторона. Не думаю, что Open Graph это то, чего стоит ждать или бояться».

Одним словом, своим заявлением Уилсон перешел дорогу 500 млн адептов Фейсбука. Потом он, конечно, скажет, что немного все преувеличил для создания острой и спорной обстановки на сцене. Он, видите ли, любит ходить по краю.
Читать дальше →
Всего голосов 49: ↑31 и ↓18 +13
Просмотры1.8K
Комментарии 50

Добро пожаловать на f8

Блог компании Facebook: f8 conference
f8 logoЭтот блог посвящен ежегодной конференции Facebook f8 – главного события года для всех, кто разрабатывает приложения для Facebook, пользуется Facebook как платформой или просто внимательно следит за этой социальной сетью и тем, что в ней происходит.

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

Здесь поделятся своим взглядом на нововведения Facebook наши российские партнеры, а сотрудники Facebook, которые собираются приехать на конференцию .тостер [веб-разработка] 28 октября в Москве расскажут о себе и своих презентациях (до конца льготной регистрации остался 1 день).
Читать дальше →
Всего голосов 14: ↑12 и ↓2 +10
Просмотры2.2K
Комментарии 3

Что стоит за «новыми кнопками» Facebook?

Блог компании Facebook: f8 conference
Этот текст специально для блога f8 на Хабре написал Александр Москалюк, один из старейших разработчиков в Facebook:

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

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

Сегодня такие сообщения в ленту новостей разработчики публикуют через соответствующий метод Graph API. С точки зрения разработчиков цель достигнута – друзья пользователя узнали об его покупке, достижении нового уровня в игре, желании посмотреть какой-то фильм и т.д. С точки зрения Facebook подобная новость не очень полезна, так как мы можем предоставить только базовую контекстную информацию. В идеале новость о прочитанной книге от сайта для книголюбов могла бы содержать информацию о том, кто еще прочитал эту книгу, какая книга пользуется популярностью среди друзей, сколько книг пользователь прочитал за последние несколько месяцев.
В этом году Facebook расширяет словарный запас для действий пользователя. Теперь новости в ленту пользователя можно публиковать в формате, более подробном, чем кусок HTML.
Читать дальше →
Всего голосов 39: ↑33 и ↓6 +27
Просмотры9K
Комментарии 17

Facebook Garage в Москве

Я пиарюсь
image12 апреля Facebook второй раз проведет в Москве свою традиционную встречу разработчиков Facebook Garage, на которой инженеры Facebook расскажут о том, как создавать или совершенствовать приложения для Facebook, интегрировать сайты с Facebook и использовать Open Graph.

Также на мероприятии свои кейсы представят российские партнеры Facebook, уже использующие новые возможности Open Graph на своих сайтах и в своих приложениях.

Важно: если вы собираетесь принять участие – не забудьте зарегистрироваться на сайте

Программа Facebook Garage:
Читать дальше →
Всего голосов 10: ↑10 и ↓0 +10
Просмотры480
Комментарии 6

Facebook Developer Garage в лицах

Разработка веб-сайтовFacebook API
Facebook сделал большой перерыв с тех пор, как провел в Москве свой первый Developer Garage в 2010 г.
Отчасти эту брешь закрыл первый .тостер, на котором Facebook провел hack-сессию, но именно открытой встречи с разработчиками не было уже давно. А за это время Facebook представил новый вид страниц — timeline/хроника и новый тип приложений, которые могут интегрировать в Facebook самые разные действия пользователя на других сайтах и в других приложениях.

После “официальной” части – выступлений докладчиков – как всегда будет неформальная, поэтому всем, кто собирается на Facebook Developer Garage стоит подготовиться, чтобы узнать, кого из докладчиков и о чем нужно будет как следует расспросить.

Посмотрим, кого Facebook привозит в этот раз, чтобы рассказать разработчикам, что они могут делать с помощью Open Graph.

Джульен Кодорнью

Возглавляет в Facebook работу с партнерами по платформе.
Ранее работал в Microsoft.
В обязанности Джульена входит работа с ключевыми партнерами, использующими Facebook Platform из таких отраслей как медиа и мобильные технологии, включая например Deezer, Dailymotion, Iliad/Free, Orange, RTL Group, etc. Отдельное направление составляет работа с игровыми компаниями.
Джульен — выпускник Университета Сан-Диего и бизнес-школы Skema.

На Facebook Garage Джульен расскажет о том, какие возможности Open Graph предоставляет разработчикам приложений.

http://twitter.com/#!/codorniou
https://www.facebook.com/codorniou
http://fr.linkedin.com/in/julien

Читать дальше →
Всего голосов 11: ↑9 и ↓2 +7
Просмотры985
Комментарии 1

Как прошел московский Facebook Garage

Facebook API
У нас готово небольшое видео со второго российского Facebook Garage, прошедшего 12 апреля в Москве, так что если вы там были – ищите себя, если не были – слушайте, что говорят те, кто был.

Напомню, что для того, чтобы рассказать о Facebook как платформе в Москву высадился целый десант, состоящий как из руководителей компании в лице вице-президента Джоаны Шилдс, и руководителя программы по работе с партнерами Джульена Кодорнью, так и инженеров Тома Эллиота (на фото) и Брюса Хазана.

image

Читать дальше →
Всего голосов 7: ↑4 и ↓3 +1
Просмотры581
Комментарии 1

Отчёт с прошедшего Facebook Developers World Hack Day Moscow

Разработка веб-сайтовПрограммирование


В начале сентября мне на e-mail пришло приглашение-рассылка для участия в хакатоне Facebook Developers Hack Day Moscow. Успев зарегистрироваться, я попал в список участников и начал готовиться. Это рассказ о том, как проходило мероприятие, кто в нём участвовал, что представляли и т.д. Сразу оговорюсь, что я впервые участвовал в подобном мероприятии, так что мне всё было «в диковинку».

Под катом много фотографий, описания представленных «хаков» (проекты, сделанные участниками за время хакатона), ссылки на исходные коды и видео презентаций проектов.
Читать дальше →
Всего голосов 30: ↑26 и ↓4 +22
Просмотры12.5K
Комментарии 23

Facebook представил умный поиск — Graph Search

Facebook API

Сегодня (и даже сейчас) идёт конференция Facebook. Многие думали, что представят Facebook OS, или смартфон Facebook созданый совместно с HTC. Этого не произошло, но представлен очень интересный апдейт связаный с поиском.
Эта функция меня впечатлила, и я решил о ней написать.
Читать дальше →
Всего голосов 82: ↑53 и ↓29 +24
Просмотры40K
Комментарии 50

Виджет становится новой элементарной частицей интернета

Разработка веб-сайтовOpen sourceJavaScript
Пол Адамс из Intercom на связи:

'Kарточки' — будущее веба. Они быстро становятся лучшим шаблоном для дизайна под мобильные устройства.

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

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


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


(картинка из блога Intercom)

Идея, конечно, неожиданна, но не нова. Есть уже Open Graph от Facebook и Twitter Cards для встраивания контента. Да и oEmbed, опубликованный в далеком 2008м году, еще долго будет востребован (по крайней мере пока в нем продолжает публиковать свои проигрыватели YouTube так точно).

Но вот в комментариях к статье наткнулся на что-то действительно новое и интересное — ссылка на недавно опубликованный протокол для встраивания резиновых виджетов — Iframely.
Читать дальше →
Всего голосов 28: ↑17 и ↓11 +6
Просмотры10.1K
Комментарии 6

Как устроен мир семантической микроразметки

Блог компании ЯндексМикроформатыСемантика
Я работаю в команде семантического веба в Яндексе. Мы занимаемся тем, что создаем продукты на основе семантической разметки, делаем свои расширения и участвуем в развитии стандарта Schema.org.

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



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

Микроразметка состоит из словаря и синтаксиса.
Что и как, подробно...
Всего голосов 109: ↑100 и ↓9 +91
Просмотры150.1K
Комментарии 69

Сложный и противоречивый мир синтаксиса микроразметки. Почему стандартов так много? Опыт Яндекса

Блог компании ЯндексСемантикаIT-стандарты
Сегодня в продолжение наших рассказов о семантической разметке я хочу рассказать о её синтаксисе. То, почему он такой, а не иной, часто определяется историческими причинами, а иногда — ещё и комично. Поэтому мы попробовали здесь всё систематизировать и объяснить.

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

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

Стандартов синтаксиса, как и словарей, несколько. В этой статье мы и разберем на практических примерах наиболее распространенные:
  • Microdata — Микроданные (словарь Schema.org чаще всего встречается именно в этом синтаксисе);
  • Microformats.org — Микроформаты (напоминаем, что это объединенный стандарт синтаксиса и словаря);
  • RDFa и RDFa Lite (в упрощенном виде RDFa рекомендуется создателями словаря Open Graph. Также встречается с другими словарями, например, со словарем Dublin Core или Data Vocabulary);
  • JSON-LD — расширение JSON.

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

Once upon a time В 2004 году разработчики из W3C создали стандарт, который, по их мнению, подходил для «представления всего в мире». Так появился синтаксис RDFa (Resourse Description Framework in attributes), который позволяет однозначно транслировать HTML-разметку с семантическими данными в RDF.
Универсальный стандарт придумывали больше одного раза...
Всего голосов 93: ↑87 и ↓6 +81
Просмотры50.5K
Комментарии 34

Тонкости SMO. Не удивляйтесь что у вас нет социального траффика

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

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

Так вот с чем мы столкнулись и что поняли.

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

image

А знаете почему?

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

Это с моей точки зрения вполне объяснимо. Кто до недавнего времени был основным поставщиком траффика на любой сайт? Конечно поисковики. И в голову многих вебмастеров вбит стандарт подачи контента под поисковые машины. Ну вы сами их знаете.

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

Но давайте по порядку:

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

Почему? Потому что вебмастер думает как все. Хотите больше социального траффика – думайте иначе. Думайте на шаг вперед.

Пытайтесь заинтересовать не столько ваших посетителей сколько их друзей в социальных сетях. Ведь именно их вы хотите привлечь на свой сайт с помощью SMO.
Читать дальше →
Всего голосов 54: ↑39 и ↓15 +24
Просмотры19.4K
Комментарии 18

Делаем Angular.js сайт доступным для роботов. Часть 1

Разработка веб-сайтовJavaScriptAngular
Recovery mode
Здравствуйте, уважаемые хабровчане.

Многие из вас, уверен, не раз сталкивались с проблемой, когда сайт, полностью работающий на JS, например, связка Angular.js + UI-router, для роботов извне (индексатор Google'а, краулеры Facebook'a или Twitter'a) доступен в самом что ни на есть неподобающем виде.

В нескольких статьях я постараюсь вам рассказать, как с помощью нехитрых приемов можно все-таки отбросить «non-SEO-friendly» как причину не разрабатывать с учетом тенденций в мире веб-разработки.

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

Если эта тема вам интересна, прошу под кат.
Читать дальше →
Всего голосов 17: ↑10 и ↓7 +3
Просмотры32.5K
Комментарии 15

Не только Яндексу. Микроразметка на крупнейших сайтах рунета: зачем ею пользуются и почему она пригодится и вам

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

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



Люди, которые отвечают за разработку и всю техническую часть таких сайтов, как Holodilnik.ru, Ozon.ru, Lenta.ru, Interfax.ru и Ivi.ru, ответили на вопросы о том, как на практике происходит внедрение микроразметки и каких результатов она позволяет добиться. А мы со своей стороны рассказали, какие типы мы бы порекомендовали таким сайтам и для чего.

Читать дальше →
Всего голосов 53: ↑49 и ↓4 +45
Просмотры105.1K
Комментарии 9

API для валидатора от Яндекса. А также почему валидаторы микроразметки выдают разные ответы?

Блог компании ЯндексМикроформатыПоисковые технологииСемантикаЯндекс API
Некоторое время назад мы выпустили API для своего валидатора микроразметки. И сегодня я хочу поговорить как об API, так и вообще о валидаторах. Чтобы, например, понять, почему результаты разных валидаторов различаются.

Валидаторы бывают разных типов и разрабатываются для разных целей. В общем их можно разделить на два типа: универсальные и специализированные. Универсальные – наш валидатор, Structured data testing tool от Google, Validator.nu, Structured Data Linter, Markup Validator от Bing – проверяют сразу несколько стандартов разметки. При этом валидаторы от поисковых систем проверяют разметку еще и на соответствие документации к своим продуктам на ее основе. Специализированные валидаторы, такие как JSON-LD Playground, Open Graph Object Debugger, – это инструменты от разработчиков самих стандартов. С помощью Open Graph Object Debugger можно проверить правильность разметки Open Graph, а JSON-LD Playground показывает, как разметка JSON-LD будет разбираться роботами.



Мы взяли разные примеры разметки и сравнили ответы этих валидаторов, чтобы найти лучший.
Читать дальше →
Всего голосов 40: ↑35 и ↓5 +30
Просмотры15.1K
Комментарии 3

Крутой шаринг страниц в соцсети с помощью Open Graph

Разработка веб-сайтов
Решил собрать в одной статье короткий рецепт приготовления страницы, которая круто шарится во все основные соцсети. Тем, кто вообще не в теме, придётся сначала прочитать про Open Graph protocol.
Читать дальше →
Всего голосов 18: ↑13 и ↓5 +8
Просмотры79.9K
Комментарии 5

Don't forget about Open Graph

Разработка веб-сайтов
Tutorial
Open Graph protocol is a web standard originally developed by Facebook that turns any webpage into a graph object with title, description, image and so on. Even though there is no direct correlation between OG meta tags and improved SEO rankings, it still drives more traffic to your webpage by making it more “attractive” in social networks (Facebook, Twitter, Linkedin, etc).

An example of a link shared in Twitter that has «og:image» and «og:title».

image

Adding OG (and not only) meta tags into your React app


Without further due let’s jump into newly created React app with create-react-app and OG meta tags to /public/index.html. It should look like something like this:

<!DOCTYPE html>
<html>
   <head>
      <meta charSet="utf-8"/>
      <meta http-equiv="x-ua-compatible" content="ie=edge"/>
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
      <link rel="alternate" type="application/rss+xml" href="/rss.xml"/>
      <title>Awesome App</title>
      <meta property="og:title" content="Awesome app - the best app ever" />
      <meta property="og:type" content="website" />
      <meta property="og:image" content="https://picsum.photos/id/52/1200/600" />
      <meta property="og:description" content="Describe stuff here." />
      <meta property="og:url" content="yourawesomeapp.com" />
   </head>
   <body>
      <noscript>This app works best with JavaScript enabled.</noscript>
      <div id="root"></div>
   </body>
</html>

Read more →
Всего голосов 23: ↑21 и ↓2 +19
Просмотры3.6K
Комментарии 3

Микробраузеры повсюду. Но что мы о них знаем?

Блог компании Дата-центр «Миран»МикроформатыРазработка веб-сайтовБраузерыСоциальные сети и сообщества
Перевод
Tutorial

Рис. 1. Превью одной и той же страницы в iMessage (слева), Hangouts и WhatsApp (справа)

Если упомянуть любой URL в твите, на Slack-канале, в Telegram или WhatsApp — ссылка развернётся в превью. Оно даёт примерное представление, как выглядит настоящая веб-страница.

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

Вот основные факты о микробраузерах, которые должен знать каждый веб-разработчик.
Читать дальше →
Всего голосов 38: ↑38 и ↓0 +38
Просмотры21.8K
Комментарии 10

Что такое разметка Open Graph и как ее внедрить без программиста

Блог компании Click.ruИнтернет-маркетингКонтент-маркетингПоисковая оптимизацияСоциальные сети и сообщества
Что такое разметка Open Graph и как ее внедрить без программиста

«Делай сайты с Open Graph, а без Open Graph — не делай», — возможно, так бы сказал Тони Роббинс о разметке сайта для соцсетей. И мы бы с ним согласились. А все потому, что с Open Graph сайт намного лучше выглядит при расшаривании в соцсетях.


Разбираемся, что это за разметка и как ее самостоятельно настроить.

Читать дальше
Всего голосов 5: ↑4 и ↓1 +3
Просмотры38.1K
Комментарии 9