Кривое отображение в Google выдаче

Есть сайт. Все метатеги прописал согласно инструкции, но гугл упорно их не видит. В результате выводит случайные или ближайшие заголовки h1, h2... вместо привычных title и description.

Подскажите, как быть. Может что мешает?

Вот что демонстрирует гугл: Цены товаров на главной странице

    <html lang="ru">
<head>
    <title>Заголовок</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
    <meta name="robots" content="all"/>
    <meta name="description" content="Описание"/>
    <meta name="keywords" content="ключевые слова"/>
    <meta property="og:title" content="Заголовок"/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="https://url.com"/>
    <meta property="og:image" content="https://url.com/media/logos/url.png"/>
    <meta property="og:site_name" content="Заголовок"/>
    <meta name="msapplication-TileImage" content="https://url.com/images/url_270.png"/>
    <link rel="icon" href="https://url.com/images/url_32.png" sizes="32x32"/>
    <link rel="icon" href="https://url.com/images/url_192.png" sizes="192x192"/>
    <link rel="apple-touch-icon-precomposed" href="https://url.com/images/url_180.png"/>
    <link rel="stylesheet" type="text/css" href="/styles/fonts/oswald/oswald.css">
    <link rel="stylesheet" type="text/css" href="/styles/style.css">
    <link rel="stylesheet" type="text/css" href="/styles/fontawesome/css/all.min.css">
    <link rel="stylesheet" href="/styles/swiper.min.css">
    <script type="text/javascript" src="https://url.com/js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="https://url.com/js/jquery-ui-1.12.1/jquery-ui.min.js"></script>
    <script src="https://www.google.com/recaptcha/api.js?render=1234567890123456789" async defer></script>
    <script type="text/javascript" src="https://url.com/js/jquery.cookie.min.js"></script>
</head>

Ответы (0 шт):