Кривое отображение в 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>
