为什么 PageSpeed Insights 看不到我的视口元标记？
[英]Why can't PageSpeed Insights see my Viewport Meta Tag?
问题描述
我已经添加了代码
<meta name="viewport" content="width=device-width, initial-scale=1" />
DuchyBrass.co.uk 上的 Index.php 到我网页的 HEAD
它位于源代码的第 6 行，但该站点在定制的 CMS 上运行，因此 HEAD 在其自己的文件中定义并导入。
索引.php
<!DOCTYPE html>
<html lang='en'>
<head>
<?php include 'app/common/head.php'; ?>
</head>
<body>
...
头文件
<title>Duchy Brass</title>
<meta charset="windows-1252" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="google-site-verification" content="QsU348JA47VLcAbTUic-Un90bVlGuVk3a9A34doxsvc" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href='http://fonts.googleapis.com/css?family=Viga' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/png" href="imgs/favicon.ico">
<link rel="canonical" href="http://www.duchybrass.co.uk" />
就浏览器而言（我假设），视口标签是可见的，但该移动搜索引擎优化工具看不到它。 这是否与 CMS 有关，加载信息太晚，或者这是我应该忽略的常见问题？
我的索引页面的顶部（使用浏览器中的查看页面源）看起来像
/（页面来源）
<!DOCTYPE html>
<html lang='en'>
<head>
<title>Duchy Brass</title>
<meta charset="windows-1252" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
...
1 个解决方案
解决方案1
1 2022-05-16 22:58:32
TL;DR:清除缓存并检查 head 之前是否没有内容(ctrl+U)
我遇到了类似的问题，在我的情况下，在我的 wordpress 标头调用之前通过 PHP 包含了内容，使用 Ctrl+U 进行检查（请参阅源代码）并确保在
<!DOCTYPE html>
<html lang='en'>
<head>
如果您更改代码并且它仍然存在，请检查您是否正在使用缓存，您可能需要清除页面和文件的缓存，以便更改在运行另一个 PageSpeed 分析之前生效
为什么CakePhp无法看到我的样式表
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.