HTML元元素提供了向HTML文档添加各种元数据的方法。
我真的需要帮助! 我是一个博主技术博客,我自定义了 robots.txt 文件,以免爬入我的帖子的标签中对其进行索引。 我想索引我博客的一些标签页,并且我想要具体...
我正在尝试在 Next JS 13.4 中添加元标记,但我不能。我已阅读文档并用谷歌搜索,但找不到解决方案。我正在尝试以 Next JS 方式添加此 HTML 元标记....
是否可以通过执行元标记实现来添加功能策略标头?显然,以下特定功能对我不起作用。 是否可以通过元标记实现来添加功能策略标头?显然,以下特定功能对我不起作用。 <meta http-equiv="Feature-Policy" content="ch-viewport-width *"> 我正在尝试为来自不同来源的服务器端自适应图像实现客户端提示(即在 website.com 上,用于来自 cdn.com 或至少 cdn.website.com 的图像)。 默认情况下,仅使用相同源图像请求发送所需的客户端提示标头。我在规范中查找了我需要的特定值,该值可以在功能策略(ch-viewport-width)中更改。虽然如果我在 HTML 中使用上面的方法和元标记,它仍然不会改变任何东西,并且通过运行 JavaScript 行document.featurePolicy.getAllowlistForFeature("ch-viewport-width")我仍然得到唯一的默认值(原点)。 根据我在浏览器上所做的广泛测试,到目前为止在任何主要浏览器中都是不可能的。
许多来源都强调包含视口元标记的重要性。根据 MDN 上的使用视口元标记来控制移动浏览器上的布局: 窄屏设备(例如手机)渲染...
我有一个响应式网站,我想将其用作渐进式网络应用程序。我已经初始化了基本的东西,比如设置图标、应用程序名称等。一切都工作正常,只是问题出在
我使用 Strapi 作为我的项目和 Nextjs 的 cms,我应该动态地制作元开放图标签内容,部署后我尝试将我的网站链接复制并粘贴到社交媒体(FB,
我对反应还很陌生,我有几个页面想要有不同的标题内容。例如,我的index.js页面有另一个标题而不是我的contact.js,还有元信息......
为什么我的元数据无法使用 nextjs Head 和 getStaticProps 正确返回?
让我的元标签与 NextJS 一起正常工作时遇到问题。 这是一个在线页面:https://www.acaciapp.com/action/alimentation/eviter-boire-jus-fruits-presses/O4tkFjvta1c1B8XzF...
是否可以将og标签添加到goo.gl url Shortner生成的url中[关闭]
我们正在使用 goo.gl URL 缩短器来缩短链接。 有没有办法添加开放图元标签以显示共享 URL 的丰富链接。
嗨,我想从页面源中提取 og:image 内容。如何从源中提取 og:image 元标记内容? 这是元标记: 嗨,我想从页面源中提取 og:image 内容。如何从源中提取 og:image 元标记内容? 这是元标记: <meta property="og:image" content="http://www.moneycontrol.com/news_image_files/2013/s/Syrian_diesel_trucks_190.jpg" /> 如何使用正则表达式识别元标记? 这是我当前的功能,从 img 标签中抓取图像 url。需要进行哪些修改才能使用 og:image 元标记? function feeds_imagegrabber_scrape_images($content, $base_url, array $options = array(), &$error_log = array()) { // Merge the default options. $options += array( 'expression' => '//img', 'getsize' => TRUE, 'max_imagesize' => 512000, 'timeout' => 10, 'max_redirects' => 3, 'feeling_lucky' => 0, ); $doc = new DOMDocument(); if (@$doc->loadXML($content) === FALSE && @$doc->loadHTML($content) === FALSE) { $error_log['code'] = -5; $error_log['error'] = "unable to parse the xml//html content"; return FALSE; } $xpath = new DOMXPath($doc); $hrefs = @$xpath->evaluate($options['expression']);//echo '<pre> HREFS : ';print_r($hrefs->length);exit; if ($options['getsize']) { timer_start(__FUNCTION__); } $images = array(); $imagesize = 0; for ($i = 0; $i < $hrefs->length; $i++) { $url = $hrefs->item($i)->getAttribute('src'); if (!isset($url) || empty($url) || $url == '') { continue; } if(function_exists('encode_url')) { $url = encode_url($url); } $url = url_to_absolute($base_url, $url); if ($url == FALSE) { continue; } if ($options['getsize']) { if (($imagesize = feeds_imagegrabber_validate_download_size($url, $options['max_imagesize'], ($options['timeout'] - timer_read(__FUNCTION__) / 1000))) != -1) { $images[$url] = $imagesize; if ($settings['feeling_lucky']) { break; } } if (($options['timeout'] - timer_read(__FUNCTION__) / 1000) <= 0) { $error_log['code'] = FIG_HTTP_REQUEST_TIMEOUT; $error_log['error'] = "timeout occured while scraping the content"; break; } } else { $images[$url] = $imagesize; if ($settings['feeling_lucky']) { break; } } } echo '<pre>';print_r($images);exit; return $images; } 如果你必须使用正则表达式,这可以工作: <meta.*property="og:image".*content="(.*)".*\/> 正则表达式示例:http://regex101.com/r/rX1zK7 PHP 示例 $html = '<html> <head> <meta property="og:image" content="http://www.moneycontrol.com/news_image_files/2013/s/Syrian_diesel_trucks_190.jpg" /> </head> <body> </body> </html>'; preg_match_all('/<meta.*property="og:image".*content="(.*)".*\/>/', $html, $matches); echo $matches[1][0]; 输出: http://www.moneycontrol.com/news_image_files/2013/s/Syrian_diesel_trucks_190.jpg 利用DOMDocument类 <?php $html='<meta property="og:image" content="http://www.moneycontrol.com/news_image_files/2013/s/Syrian_diesel_trucks_190.jpg" />'; $dom = new DOMDocument; $dom->loadHTML($html); foreach ($dom->getElementsByTagName('meta') as $tag) { if ($tag->getAttribute('property') === 'og:image') { echo $tag->getAttribute('content'); } } 输出: http://www.moneycontrol.com/news_image_files/2013/s/Syrian_diesel_trucks_190.jpg (<meta[^>]*>) 什么意思: 选择<meta ...一切,但不是“>”零次或多次 最后> 它适用于: <meta .... > 和 <meta ..../>
使用自定义帖子类型,为 Rank Math SEO WordPress 插件添加元标记
我正在为我的博客网站使用 Rank Math SEO WordPress 插件。我在我的 WordPress 主题和自定义帖子标签字段中使用自定义帖子类型,对于常规帖子排名数学,向 wp_hea 添加元标签...
为 Rank Math SEO WordPress 插件添加自定义帖子类型元标记
我正在为我的博客网站使用 Rank Math SEO WordPress 插件。我在我的 WordPress 主题和自定义帖子标签字段中使用自定义帖子类型,对于常规帖子排名数学,向 wp_hea 添加元标签...
我需要的信息在元标记中。当 property="video" 时,如何访问元标记的“内容”数据? HTML:
可以使用 robots.txt disallow 来阻止 URL 吗?
我正在尝试阻止我们的求职板被抓取。是否可以在 robots.txt 文件中使用“禁止”来阻止特定 URL?这个 URL 会是什么样子?我不想只是
这是允许 Google 机器人抓取我们网站的正确方法吗? 允许 Google 机器人使用什么更好? 这是允许 Google 机器人抓取我们网站的正确方法吗? <meta name="robots" content="all"/> 允许 Google 机器人使用什么更好? <meta name="robots" content="all"/> 或 <meta name="robots" content="index,follow"/> 您并不明确需要元标记来允许 Google 抓取您的网站,尽管拥有元标记也没什么坏处。因为两者都没有优于对方的优势,所以使用 content="all" 来削减传输的一些额外字节。 文档: https://developers.google.com/search/docs/crawling-indexing/robots-meta-tag#directives https://developers.google.com/search/docs/crawling-indexing/special-tags 当然,我可以澄清什么是元标签以及它们如何工作。 元标记是嵌入网页 HTML 代码中的文本片段。访问者在页面上看不到它们,但搜索引擎(如 Google、Bing、Yahoo、DuckDuckGo 等)和其他网络服务可以读取它们。元标签可以提供有关页面内容、作者、关键字和其他元数据的信息。 有不同类型的元标记,每种都有其自己的用途。 一些最常见的元标签包括: 此标签提供页面内容的简短标题。搜索引擎可以使用此标题在 SERP 中显示有关该页面的文本片段。 此标签提供页面内容的简短描述。搜索引擎可以使用此描述在 SERP 中显示有关该页面的文本片段。 此标签列出了描述页面内容的关键字。搜索引擎可以使用这些关键字来帮助人们在搜索这些术语时找到页面。 此标签标识页面的作者。搜索引擎和其他网络服务可以使用此信息在搜索结果或其他地方显示作者的姓名。 此标签控制网页在移动设备上的显示方式。搜索引擎可以使用这些信息来确保移动用户在访问页面时有良好的体验。 元标签可以是搜索引擎优化(SEO)的重要组成部分。通过使用正确的元标记,您可以帮助搜索引擎了解您网页的内容并在搜索结果中将其排名更高。 以下是有关元标记的一些额外注意事项: 元标签不能保证提高您的搜索引擎排名。但是,如果使用正确,它们会很有帮助。 元标签应该与您的页面内容相关。使用不相关的关键字或描述实际上会损害您的搜索引擎排名。 元标签应该简洁。搜索引擎的作用有限 在搜索结果中显示文本片段的空间量。 元标签应随着内容的变化定期更新。 我希望这个澄清有帮助!
我想分享一些动态内容到WhatsApp,动态内容从API获取。因此我在 component.ts 文件中使用了 Angular Meta 类来更新 in... 中的默认元标记属性
我有一个使用React-v18和node-js创建的博客网站。我在 index.html 中添加了默认元标记,该标记在社交媒体网站上共享时显示链接预览。 对于博客上的每一篇文章,我...
whatsapp 中的子页面不显示元标记 - ReactJS
我的元标签效果很好。但是,当在 Whatsapp 上共享时,只有主页显示 og:image 和说明。每个子页面仅显示链接。 我的元标签效果很好。然而,当在whatsapp上分享时,只有主页显示og:image和description。每个子页面都只显示链接。 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="theme-color" content="#000000" /> <meta property="og:title" content="My Title"> <meta property="og:site_name" content="Website Name"> <meta property="og:url" content="https://websiteLink.co.il" /> <meta name="og:description" content="description" /> <meta property="og:type" content="website"> <meta property="og:image" content="https://websiteLink.com/websiteLogo.png"> 我正在使用 React 和 React router dom。我检查了每个页面,元标记与主页保持相同。 解决方案如下:WhatsApp 通常会在首次共享链接时缓存元标记,后续页面可能不会更新缓存信息。要解决此问题,您可以尝试在共享子页面时向 URL 添加唯一参数,例如时间戳或版本号。这可以提示 WhatsApp 获取并显示每个子页面更新的元标记。 例如,不要分享: https://websiteLink.co.il/subpage 分享: https://websiteLink.co.il/subpage?v=1 这可以帮助确保 WhatsApp 获取每个子页面的最新元标记。