11:32
Правильно "поделиться ссылкой" в соц.сети |
| Промониторил в Метрике клики по кнопкам соц.закладок и увидел, что больше всего кликов посетители делают на кнопке "МойМир". Ну и решил тоже добавить, посмотреть что там получается. И картина вышла не радостная. Дело в том, что последние посты были без картинок, в отличие от предыдущих. И соотвестенно добавлялось безликое объявление, с текстом но без картинки. Ситуацию нужно исправлять. Начал разбираться. Вот что нарыл: Что бы иметь возможность"поделиться ссылкой" в соц. сети, и что бы там была картинка, даже если ее в посте нет нужно воспользоваться микроразметкой от Open Graph. Вот что пишет об этом Яндекс. У разметки Open Graph куча тегов, на все случаи. Я выбрать те которые мне нужны. Получилось вот так: <meta property="og:type" content="article" /> <meta property=″og:url″ content="$MODULE_URL$"/> <meta property="og:title" content="$MODULE_NAME$"/> <meta property="og:description" content="Создание сайта, оптимизация, раскрутка, заработок на сайте"/> <meta property="og:image" content="http://zarabotok-na-site.narod.ru/images/logo.jpg" /> Думаю что все ясно og:image - ссылка на изображение og:description - краткое описание og:title - заголовок og:url - ссылка на пост og:type - формат страницы (на главной ставьте website) Код нужно разместить между тегами <head> и </head>. А проверить правильность можно на странице отладчика фейсбука После этих нехитрых телодвижений в МоемМире, Фейсбуке, Контакте и Гугл+, появилась картинка логотип сайта. Осталось оптимизировать Твиттер. У Твиттера есть собственные теги. Вот такие: <meta name="twitter:card" content="summary"> <meta name="twitter:domain" content="zarabotok-na-site.narod.ru"> <meta name="twitter:site" content="@WmZar"> <meta name="twitter:creator" content="@WmZar"> <meta name="twitter:image:src" content="http://zarabotok-na-site.narod.ru/images/logo.jpg"> <meta name="twitter:description" content="Все материалы - создание сайта, оптимизация, раскрутка, заработок на сайте"> <meta name="twitter:title" content="$MODULE_NAME$"> twitter:card - это вид карточки. я выбрал резюме - summary, можно выбрать другие (фотография, галерея, продукт и тд) twitter:domain - сюда ставите домен twitter:site - ваш твиттер twitter:creator - сюда вписываете юзера twitter:image - ссылки на картинку (в приципе картинка может быть динамическая. т.е. разная для разных твитов) twitter:description - краткое описание twitter:title - заголовок твита Далее нужно проверить правильность кода, и если нужно внести изменения - тут. Если все нормально послать на модерацию и дождаться письма с одобрением.  |
|
С уважением zarabotok-na-site Возможно вас заинтересуют эти материалы: |
Пошаговое руководство к действию.
