Мета-теги на Netlify

Question

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

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://connect2change.netlify.app/social-inequality-during-pandemics">
<meta property="og:title" content="How Pandemics Reveal the Inequalities of Society">
<meta property="og:description" content="
We are currently living through an unprecedented historical event that caused a social uproar across the world.">
<meta property="og:image:secure_url" content="https://connect2change.netlify.app/who-are-the-actual-reckless-protestors/bg-img/1.jpg">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://connect2change.netlify.app/social-inequality-during-pandemics">
<meta property="twitter:title" content="How Pandemics Reveal the Inequalities of Society">
<meta property="twitter:description" content="
We are currently living through an unprecedented historical event that caused a social uproar across the world.">
<meta property="twitter:image:secure_url" content="https://connect2change.netlify.app/who-are-the-actual-reckless-protestors/img/bg-img/1.jpg">

Я неправильно пишу код? Спасибо.

 <!-- My social share buttons look like this -->
        <section class="social-share-buttons">
<div class="a2a_kit a2a_kit_size_32 a2a_default_style" data-a2a-url="https://connect2change.netlify.app/social-inequality-during-pandemics" data-a2a-title="How Pandemics Reveal the Inequalities of Society">
    <a class="a2a_dd" href="https://www.addtoany.com/share"></a>
    <a class="a2a_button_facebook"></a>
    <a class="a2a_button_twitter"></a>
    <a class="a2a_button_email"></a>
    <a class="a2a_button_google_classroom"></a>
    <a class="a2a_button_pinterest"></a>
    </div>
    <script>
    var a2a_config = a2a_config || {};
    a2a_config.onclick = 1;
    </script>
    <script async src="https://static.addtoany.com/menu/page.js"></script>
    </section>
    <!-- AddToAny END -->

Answer 1

Добро пожаловать в StackOverflow!

<meta itemprop="image" content="/the_image_you_want.png">

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

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

Ура!