Прописать правильные метатеги для соцсетей

[jekhor]

Для того, чтобы предпросмотр в соцсетях был красивым — прописать правильно opengraph метатеги.

[abitrolly]

А картинки с превьюхами не надо для них? Вряд ли пауки их сами рендерят.

[yahor]

@jekhor @abitrolly адкуль браць апісанні старонак? title - ? description - ? image -?

На колькі я бачую, старая праблема з кантэнтам засталася. Можа быць проста рукамі напісаць апісанне і назву пад кожны раздзел, пасля аўтаматычна падстаўляць тэкст? не для кожнай старонкі ёсць карцінка, атрымоўваецца трэба ставіць ХС лого, або карцінку з кантэнта старонкі. Карцінка для праектаў зразумела, для старонак статычных лого або трэба выбраць спіс карцінак і іх падстаўляць.

[abitrolly]

Чтобы понять о чём речь, было бы неплохо список всех страниц для начала, и скрин, как рендерятся дефолтные метаданные, когда нет своих.

[yahor]

Пакуль рэндарыцца усё мінімальна і хардкод-на.

https://github.com/minsk-hackerspace/hackerspace.by/blob/master/app/views/layouts/_og_meta_tags.html.haml

%meta{property: "og:title", content: page_title }
%meta{property: "og:type", content: "website" }
%meta{property: "og:url", content: "https://hackerspace.by/" }
%meta{property: "og:site_name", content: "hackerspace.by" }
%meta{property: "og:description", content: page_description }
%meta{property: "og:image", content: image_url('/images/og.png') }
%meta{property: "og:image:secure_url", content: image_url('/images/og.png') }
%meta{property: "og:image:type", content: "image/png"}
%meta{property: "og:image:height", content: "600" }
%meta{property: "og:image:width", content: "600" }
%meta{property: "og:ttl", content: "345600" }

https://github.com/minsk-hackerspace/hackerspace.by/blob/master/app/helpers/application_helper.rb

  #TODO
  def page_title
    @project.try(:name) || @news.try(:title) || t('site_title')
  end

  #TODO
  def page_description
    strip_tags(t('index.what_is_it_content'))
  end

Для праекта ці навіны мы зможам узяць нейкае апісанне з базы. а вось для статычных старонак трэба будзе рукамі прапісаць тэксты якія падстаўляць.

[abitrolly]

Это ж не рендер. Рендер - это скрин из соцсети.

[yahor]

@abitrolly я меў на увазе тэрмін рэндара паршала ў шаблоне рэйлс. app/views/layouts/_og_meta_tags.html.haml

[abitrolly]

Ну а я про скрин того, что соц.сеть рисует. Может там "Минский Хакерспейс, Беды 45, день открытых дверей каждый четверг с 19, стучать в телегу". Тогда не надо ничего менять апще.

[jekhor]

@abitrolly Например. А так идёшь в https://developers.facebook.com/tools/debug/ и вбиваешь те URL, которые тебе нравятся.

[jekhor]

@yahor так, для раздзелаў можна рукамі, і зрабіць, каб адэкватная інфа цягнулася для праектаў і навінаў (там малюнак і кароткае апісанне ўжо ёсць).

[abitrolly]

А так идёшь в https://developers.facebook.com/tools/debug/ и вбиваешь те URL, которые тебе нравятся.

Не нравится мне это. И рендер ниочём.

[jekhor]

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

[yahor]

 У прынцыпе зразумела, што можна зрабіць і палепшыць.  Пачну працу.

[yahor]

@jekhor @abitrolly Ужо выглядае значна лепш.

Ня вырашаныя рэчы:

1. Unsupported Image File Extension. Provided og:image URL, https://hackerspace.by/images/logo_site.svg does not have a supported extension.

[abitrolly]

Крутяк! Вытянуть бы sitemap всех страниц с рендерами для ревью.

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

[yahor]

1. Sitemap неабходна пісаць ручкамі. Днамічна збіраць усё у xml
2. Так, можна зрабіць watermark для карцінак якія запампаваныя ў нашую сістэму. Але калі ставіць лога, то не ведаю як будзе з рэсайзам глядзецца ў сацсетках.
3. Сацсеткі самі маштабуюць. я зрабіў каб аддавалася ад нас 600х600.

PS Думаю гэтую issue можна закрываць @jekhor @abitrolly