Question

我一直在编码没有模板的纯HTML和CSS网站。主要的麻烦之一就是试图使我的网站适合移动设备使用。

PAGE：https://www.gatewaysofhislight.com/characters/benaiah/

我在“标头”部分中使用了以下代码：

meta name="viewport" content="width=device-width, initial-scale=0.3"

有一个顽固的警报，该警报使Google的移动设备友好测试始终失败。它说“文本太小而无法阅读”，即使我的CSS文件要求18px格鲁吉亚文本也应该足够大。我尝试在手机上调出此页面，它的显示效果很好，无需捏合或缩放。这是正文的CSS代码

body {
  letter-spacing: .04em;
  word-spacing: .1em;
  font-family: Georgia, Times-new-roman, serif;
  font-size: 18px;
  color: rgb(220,220,220);
  padding-right: 50px;
  padding-left: 50px;
  line-height: 2.3em;}

希望这里有人可以帮助建议在我的页面上添加或更改的代码行，以使googlebot满意，因为google现在将其页面排名更多地基于移动设备友好性。

感谢您的帮助

Answer 1

尝试使用：

meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"

可以使用

您的上面的代码，由于您使用initial-scale = 0.3，它使所有内容在移动设备中看起来都更小。而且，当您像我说的那样使用initial-scale = 1时，应该在代码中重新设置样式，以使网页看起来更好。

Answer 2

避免Google出现三个错误的步骤（文字太小而无法阅读，可点击元素太靠近 ，内容比屏幕宽）搜索控制台：

检查css是否正常工作，如果工作正常，则在手机中检查“您的网站”。如果其在移动设备上的运行效果完美，甚至在Google搜索控制台中出现问题，请按照以下步骤操作...
在Public_HTML（C面板）中创建Robots.txt文件
您用于网站复制的链接标签或脚本标签或img标签会被Urls粘贴并粘贴到robots.txt文件中，如下所示...

用户代理：*
禁止：

用户代理：*
允许：https://Your_website/css/example_1.css
允许：https://Your_website/css/example_2.css
允许：https://your_website/js/js/example_1.js
允许：https://your_website/js/js/example_2.js

注意：请等待24到48个小时，然后在google搜索控制台中检查您的错误将不可用：）

文字太小而无法阅读（移动设计）

2 个答案: