meta-tags 相关问题

我正在将 Chakra UI 与 Next.js 结合使用，并希望在用户切换颜色模式时动态更改主题颜色。使用变量似乎不起作用。我将 Chakra UI 与 Next.js 结合使用，并希望在用户切换颜色模式时动态更改 theme-color。使用变量似乎不起作用。 <meta name="theme-color" content="var(--theme-color)" /> 目前无法设置动态颜色。但你可以尝试： <meta name="theme-color" media="(prefers-color-scheme: light)" content="cyan" /> <meta name="theme-color" media="(prefers-color-scheme: dark)" content="black" /> 这是一篇关于它的好文章https://css-tricks.com/meta-theme-color-and-trickery/

html css meta-tags chakra-ui

回答 1 投票 0

获取一组元标记名称中较大的数字

我有一组具有一致名称的元标记（session-1/2/3/4...等）。该组每次都会不同，具体取决于用户需要多少元。我正在尝试获得更高的数字...

jquery meta-tags

回答 1 投票 0

NextJS 网站部署中无法识别 Open Graph 元标记

我一直在开发 NextJS 网站项目，但遇到了 Open Graph 元标记的问题。我已在网站的所有页面上为标题、图像和描述添加了适当的元标记

next.js facebook-opengraph meta-tags share-open-graph

回答 2 投票 0

Next.JS动态元标签

我在 next.js 应用程序中为页面添加了一些动态元标记。从 '@/views/CoinTossPage' 导入 CoinTossPage；从 'react' 导入 React, { useEffect, useState }; 从“下一个/...”导入头

javascript next.js meta-tags

回答 2 投票 0

我应该如何使用Facebook Open Graph？

我刚刚把我的Facebook帐户的链接放在网站上。我从一个免费 SEO 网站进行了 SEO 分析，它说我需要添加 Facebook Open Graph。我补充一下：我刚刚将我的 Facebook 帐户的链接放在网站上。我从一个免费 SEO 网站进行了 SEO 分析，它说我需要添加 Facebook Open Graph。我添加这个： <meta property="og:url" content="https://www.facebook.com/censored:)/"> 在评论中，你告诉我，还有哪些其他元标记？ . 这是我现在找到的 SEO 标签全部都在这个 github repo 或下面的代码中你不需要使用全部，做一个小型研究，这是一个很好的起点 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Laaouatni — HTML and CSS Project.</title> <meta name="title" content="Laaouatni — HTML and CSS Project."> <meta name="description" content="progetto HTML e CSS di Laaouatni Anas. codice su Github e Codepen (100% responsive)">  <link rel="stylesheet" type="text/css" href="./index.css">  <meta property="og:type" content="website"> <meta property="og:url" content="https://laaouatni.github.io/"> <meta property="og:title" content="Laaouatni - Technical Documentation Project."> <meta property="og:description" content="progetto HTML e CSS di Laaouatni Anas. codice su Github e Codepen (100% responsive)"> <meta property="og:image" content="https://avatars.githubusercontent.com/u/87947051?v=4">  <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://laaouatni.github.io/"> <meta property="twitter:title" content="Laaouatni - Technical Documentation Project."> <meta property="twitter:description" content="progetto HTML e CSS di Laaouatni Anas. codice su Github e Codepen (100% responsive)"> <meta property="twitter:image" content="https://avatars.githubusercontent.com/u/87947051?v=4">  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap" rel="stylesheet">  <link rel="shortcut icon" type="image/jpeg" href="https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="icon" href="https://avatars.githubusercontent.com/u/87947051?v=4" type="image/jpeg" />  <meta name="robots" content="index,follow" /> <meta name="robots" content="max-image-preview:large"> <meta name="author" content="laaouatni" /> <meta name="copyright" content="laaouatni" /> <meta name="keywords" content="laaouatni, laaouatni anas, anas laaouatni, laaouatni html, laaouatni css, laaouatni javascript, laouatni, laoatni, laouatni anas"> <meta http-equiv="refresh" content="300"> <meta property="og:site_name" content="laaouatni">  <meta name="application-name" content="laaouatni"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="theme-color" content="#0000ff">  <meta name="apple-mobile-web-app-status-bar-style" content="#0000ff"> <link rel="apple-touch-icon" sizes="48x48" href="https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="apple-touch-icon" sizes="72x72" href="/https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="apple-touch-icon" sizes="76x76" href="https://avatars.githubusercontent.com/u/87947051?v=4"> <link rel="apple-touch-icon" sizes="96x96" href="https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="apple-touch-icon" sizes="120x120" href="https://avatars.githubusercontent.com/u/87947051?v=4"> <link rel="apple-touch-icon" sizes="144x144" href="https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="apple-touch-icon" sizes="152x152" href="https://avatars.githubusercontent.com/u/87947051?v=4"> <link rel="apple-touch-icon" sizes="192x192" href="https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="apple-touch-icon" sizes="256x256" href="https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="apple-touch-icon" sizes="384x384" href="https://avatars.githubusercontent.com/u/87947051?v=4" /> <link rel="apple-touch-icon" sizes="512x512" href="https://avatars.githubusercontent.com/u/87947051?v=4" />  <meta name="msapplication-square310x310logo" content="https://avatars.githubusercontent.com/u/87947051?v=4"> </head> </html>

seo facebook-opengraph meta-tags

回答 1 投票 0

highlight.js 消失 html 元标记

我在其他地方成功使用了highlight.js。但我现在无法让它工作。代码消失。 hljs.highlightAll()

html meta-tags highlight.js

回答 0 投票 0

无法识别键中带点的元标记

微软希望在我的部分找到这个标签：所以我写：页面.元{ 姆斯瓦利达...

typo3 meta-tags typoscript

回答 2 投票 0

如何从WordPress网站删除自动生成的元描述

任何人都可以帮我从我的 WordPress 网站中删除自动生成的元描述吗？网站名称是 bharatdetails.com（博客网站）一个元描述是由 Rank Math 生成的，我无法...