Добавляем Open Graph в Эгею

Или фэйсбучная микроразметка на страницах твоего блога

Добавляем Open Graph в Эгею

Привет! В этой записи я расскажу тебе о том, как добавить простейшую микроразметку Open Graph в движок блога — Эгею, которая поможет соцсетям корректно обрабатывать публикуемые тобой ссылки на записи блога.

По-умолчанию Эгея не предусматривает наличия каких-либо микроразметок в своём коде. В ней даже поддержки карты сайта нет, что очень глупо на мой взгляд и говорит об глубоко субъективном отношении разработчика к этим аспектам.

Но сейчас не об этом разговор, приступим к добавлению элементарной микроразметки Open Graph.

Правка файлов

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

/system/theme/templates/head.tmpl.php

Путь начинается от корня твоего сайта.

Открой файл в текстовом редакторе и найди в нём следующую строку:

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />

и после неё добавь

<?php $preg_url = preg_replace('/\?(.*)/', '', 'https://okatiev.ru'.$_SERVER["REQUEST_URI"]); ?>

https://okatiev.ru замени на адрес твоего блога.

Затем найди следующие строки:

<?php foreach ($content['og-images'] as $image): ?>
<meta property="og:image" content="<?= $image ?>" />
<?php endforeach ?>

Перед этими строками добавь следующий блок с кодом:

<meta property="og:type" content="website" />
<meta property="og:site_name" content="Персональный блог Александра Окатьева" />
<meta property="og:title" content="<?php if ($content['class'] == 'frontpage') { echo 'Персональный блог Александра Окатьева'; } else { echo $content['title']." — блог Окатьев.Ру"; } if ($content['pages']['this'] > 1) { ?> — страница <?php echo $content['pages']['this']; } ?>" />
<meta property="og:description" content="<?= $content['title']." – ".$content['summary']; if ($content['pages']['this'] > 1) { ?> — страница <?php echo $content['pages']['this']; } ?>" />
<meta property="og:url" content="<?php echo $preg_url; ?>" />

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

После этого сохрани и закрой файл /head.tmpl.php. Далее тебе нужно очистить кэш, для этого обратись по адресу:

https://okatiev.ru/@sync/
Добавляем Open Graph в Эгею

https://okatiev.ru замени на адрес твоего сайта.

Вывод

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

Добавляем Open Graph в Эгею
Обработка ссылки Вконтакте
Добавляем Open Graph в Эгею
Обработка ссылки сервисом a.pr-cy.ru
Добавляем Open Graph в Эгею
Обработка ссылки в Facebook
Плюсануть
Поделиться
Отправить
Запинить
Понравился этот пост? Поделись им в соцсети!
Популярное
2 комментария
Антон
Антон

20 марта 2018, 12:58

Вроде толковый гайд, а копировать ничего нельзя. Вылазит алерт с текстом и заменяет копирнутое на текст защиты. Через исходный код тоже выдирать геморрой. Реализовано — 10/10, логика — 0/10.
Притом и комментарий не принимается. Зачет!

Александр Окатьев

Антон, добрый день! Убрал раздражающий Вас Alert.

Yevhen
Yevhen

8 апреля 2018, 13:05

А можно на  git или  gist код залить

Александр Окатьев

Здравствуйте! Теперь код из статей копируется правильно.

Ваш комментарий
адрес не будет опубликован
HTML-код не интерпретируется

Ctrl + Enter