网页SEO、搜索引擎meta标签

<!--告诉Google搜索引擎不要翻译网页内容-->
<meta name="google" content="notranslate">
<!--展示网站的自定义图标-->
<link type="image/png" href="" rel="icon" sizes="32x32">
<!-- 将Google Analytics添加到网页中，以便跟踪和分析访问者的行为、流量和其他指标 -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-207140950-2"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'UA-207140950-2');
</script>
<!--该代码的作用是将Google Tag Manager添加到网页中，以便管理和部署其他第三方跟踪和数据收集脚本。 Google Tag Manager允许您在不更改网页代码的情况下添加、更新和管理各种跟踪和分析标签-->
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
    w[l] = w[l] || []; w[l].push({
    'gtm.start':
    new Date().getTime(), event: 'gtm.js'
    }); var f = d.getElementsByTagName(s)[0],
    j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-KXR8XQ6');</script>
<!-- End Google Tag Manager -->
<!--指定网页的关键词,帮助搜索引擎了解网页的主题和内容-->
<meta name="keywords" content="...">
<!--这个描述通常会在搜索引擎结果页中显示，作为网页的摘要。-->
<meta name="description" content="...">
<!--这个标签用于指定当用户从当前网页点击链接转到其他网页时，浏览器在HTTP头中发送的“Referrer”（引荐页面）字段的值。该值设置为"no-referrer-when-downgrade"表示只有在当前页面使用HTTPS时才会发送引荐页面信息。-->
<meta name="referrer" content="no-referrer-when-downgrade">
<!--这个标签用于指示搜索引擎蜘蛛（搜索引擎的抓取程序）对网页的索引行为。这里的"all"表示允许搜索引擎进行索引、抓取和展示网页。-->
<meta name="robots" content="all">
<!--这个标签用于指定网页的语言和地区。"en_US"表示英语（美国）。-->
<meta content="en_US" property="og:locale">
<!--这个标签用于指定网站的名称-->
<meta content="xx" property="og:site_name">
<!--这个标签用于指定网页的类型，这里是"website"表示网站。-->
<meta content="website" property="og:type">
<!--这个标签用于指定网页的URL-->
<meta content="https://xxx" property="og:url">
<!--这个标签用于指定网页的标题。-->
<meta content="xxx" property="og:title">
<!--这个标签用于指定网页的详细描述，即对网页内容的更详细的概述。-->
<meta content="..." property="og:description">
<!--这个标签用于指定网页的缩略图或代表性图片的URL。-->
<meta content="https://xxxx" property="og:image">
<!--这个标签用于指定缩略图或代表性图片的宽度。-->
<meta content="1200" property="og:image:width">
<!--这个标签用于指定缩略图或代表性图片的高度。-->
<meta content="630" property="og:image:height">
<!--这个标签用于指定缩略图或代表性图片的alt属性值，即图片的替代文本。-->
<meta content="xxx" property="og:image:alt">
<!--这个标签用于指定网页的规范URL，即指向此网页的主要URL，有助于避免重复内容的问题。-->
<link href="xxx" rel="canonical">
<!--这个标签用于指定网站的首页的URL，方便搜索引擎和用户找到主页。-->
<link href="xxx" rel="home">