Я получил здесь чек, но не смог найти ответ, на моем сайте в GSC написано, что мой сайт подходит для мобильных устройств, но я все еще получаю 2 ошибки:
1. Text too small to read
2. Clickable elements too close together.
Также на страницах, где игры встроены в iframe, они автоматически масштабируют их и уменьшают их, как я могу разобраться в этом? чтобы они могли оставаться как целая страница и когда вы прокручиваете страницу вниз, чтобы увидеть описание и прочее?
По первой проблеме, которую я ve checked if I have viewport and I do, from what I
прочитал, нужно ее отсортировать.
<meta name="viewport" content="width=device-width, initial-scale=1">
А вот мой css:
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9::before {
padding-top: 42.8571428571%;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.embed-responsive-4by3::before {
padding-top: 75%;
}
.embed-responsive-1by1::before {
padding-top: 100%;
}
Но все же чего-то не хватает, пример URL, который выдает ошибку в GSC:
https://www.slotmaniak.com/game/temple-of-nudges-slot