Почему мой сайт НЕ Мобил Френдли ?

[mark]

Здравствуйте.

Я сделал мой сайт с помощъю Web Builder.
Сделал 4 поинта - 1050, 770, 370. 320. Все хорошо.
Проверил его в Гугле - Мобил Френдли Тест.
Гугл говорит, что мой сайт не Мобил Френдли,
так как многие элементы шире, чем необходимо.
Просьба помочь.

Не могу дать адрес моего сайта.
так не имею более 3х сообщений.
Как поступить ?

Спасибо за помощь
Марк

[anonimus]

так измените эти элементы, если необходимо
пишите свой адрес, глянем

[mark]

Спасибо.

Мой сайт: mobi.namebadgesplus.org

Гугл показывает очень много "неправильных"
элементов. Смотрел свой сайт на Samsung s3 телефон.
Выглядит хорошо - Френдли.

Марк

[anonimus]

согласен с гуглом
вы сайт не верно собрали
на точках останова сайт обрезается с права, а не адаптируется

[mark]

Почему "на точках останова мой сайт
обрезается справа, а не адаптируется" ?
Если бы было так, то на моем Samsung s3
я его увидел бы шире, чем надо и он бы не влезал
по ширине в мой экран.
Правильно ?
Как и где это можно увидеть в программе ?
И как исправить ?
Спасибо.

[anonimus]

например при ширине экрана в 900 px у вас должна показываться версия на 770 пикселей, но этого не происходит


поставьте себе это расширение и увидите
мне лень описывать то почему вы это не видите на своём гаджете, но поверьте на слово, что проблемы у вас есть и их не мало

[mark]

1) Не совсем так.
При 900 px должна показываться версия 1050.
Оно так и есть.
Только при достижении 770 он начинает
показывать версию 770.
Например, мой другой сайт (мобил френдли)
" namebadgesstore.com "
так и показывает.
2) А такое расширение для браузера
уже заложено в последних Firefox, Chrome.
Надо только нажать клавиши "ctrl-snift-m,
чтобы активизировать этот режим.

Если есть еще мысли как починить
мой сайт, просьба помочь.
Спасибо.

[anonimus]

Источник цитаты Не совсем так.
При 900 px должна показываться версия 1050.
Оно так и есть.

вы понимаете что сказали?
у вас окно 900 пикселей, а вы предлагаете показывать в нём 1050 пикселей
где логика?
вот у вас и отрезается
короче вы сайт свой неправильно собрали

[mark]

1) Чтобы выполнить то, что вы сказали
надо сделать 1050 точек останова.
Однако, так никто не делает, а делают
только 3-4-5 точек, чтобы на стандартных
Iphone, samsung, ipad была хорошая картинка.
Совершенно также сделан мой другой сайт
(он имеет такие же 4 точки), однако, он
Мобил Френдли.
2) При тесте в Гугле моего плохого сайта
он говорит. что моя страница содержит
элементы с 770 px, хотя точка останова
только 375 px.
Поэтому он не мобил френдли.
Имеено в этом проблема.
Я проверял элементы (тексты, картинки), на которые
указал гугл - они правильной ширины.
В чем проблема ?
Спасибо.

[anonimus]

в том, что вы не верно сделали адаптивную версию сайта
и не надо делать 100500 точек останова и убеждать меня в том, что я не понимаю чего-то
как раз программу я знаю отлично, но вы не пытаетесь даже понять то, чего я вам говорю
и это утверждение

Источник цитаты При 900 px должна показываться версия 1050

говорит именно об этом
возможно у вас в конструкторе на точках останова элементы вылезают за пределы этих точек, а так быть не должно
сколько делал адаптивные сайты и ни разу с таким не сталкивался
такое бывает лишь при не правильной работе в конструкторе

Отправлено спустя 1 минуту 44 секунды:

Источник цитаты При тесте в Гугле моего плохого сайта
он говорит. что моя страница содержит
элементы с 770 px, хотя точка останова
только 375 px.

вот и гугл вам об этом говорт и говорит вам верно
пределайте сайт так, что бы на точках останова у вас ничего не вылазило
возможно у вас выпирают скрытые слои или ещё что-то
хотя судя по тому что я видел, у вас видимые слои не верно адаптированы

[mark]

А как же сделать, чтобы при ширине экрана в 900 px у меня показывалась версия на 770 пикселей ?
Подскажите !
Если браузер начать сжимать справа начево,
то именно так и получается, как я описал.
Дайте какой- либо сайт, который показывает
как вы сказали.

Марк

[mark]

Кто-то может ответить на мой последний вопрос ?
А также дать пример сайта, если я ошибаюсь.

Спасибо
Марк

[anonimus]

а по логике разве не понятно, что вы ошибаетесь?
хорошо, пример в личку отправляю

[mark]

Я вижу логика на подтверждается конкретным примером.
В личку ничего не получил.
Кроме того, нет обьяснения как же сделать сайт
так, чтобы ваша логика заработала.
Спасибо.

[anonimus]

1 В ЛИЧКУ Я ВАМ ПИСАЛ и сообщение не прочитано
2 вы так говорите, как будто я вам обязан чем-то
объяснял я вам уже по разному, но вы упорно не хотите принимать то, что я вам говорю

проверьте входящие ещё раз, там целых 3 сообщения не прочитаных висят

[mark]

Ваш сайт, конечно, хорошо адаптирован при плавном
сжимании браузера справа (спору нет).
Но ведь главная цель, чтобы сайт был хорошо адаптирован
для разных мобильных устроств с фиксированной шириной экрана.
Мой сайт сейчас (я проверял) отвечает таким требованиям
и уже Мобил Френдли.

А насчет "вы так говорите, как будто я вам обязан чем-то".
Конечно, ваша добрая воля помогать или нет.
Но я здесь человек новый - видимо, не понимаю всех правил форума.
Поясните, если можете. Вы же Модератор.
Марк

[anonimus]

Источник цитаты Мой сайт сейчас (я проверял) отвечает таким требованиям
и уже Мобил Френдли.

я вас поздравляю
ещё вопросы по делу если будут, то пишите
а обсуждать модераторов не стоит - просто прочтите правила и соблюдайте их

всего хорошего

Отправлено спустя 11 минут 37 секунд:
кстати, вот скрин с планшета

anKwmBwS.png

Отправлено спустя 5 минут 58 секунд:
А на смартфоне, при ширине экрана 320 пикселей справа режется треть ширины и эта треть выходит за экран и появляется горизонтальная прокрутка
так что обратите внимание на это

Отправлено спустя 10 минут 9 секунд:
и вот ещё



Отправлено спустя 2 минуты 10 секунд:
кроме этого у вас ва на мобильных гаджетах, на некоторых разрешениях, пропадает часть информации и сайт становится менее информативным

[mark]

1. Убрал недостаток на картинке с цветом тагов. Спасибо.
2. Смотрел мой сайт на смартфоне, при ширине экрана 320 пикселей. Все нормально - ничего не режется и не вылезает. Может быть я не то смотрел и не там ?
3. Скрин с планшета хороший - его можно zoom in, лучше, чем появление прокрутки.
4. На каких гаджетах и каких разрешениях пропадает информация ? Не мог все гаджеты посмотреть !
5. Вопрос по-существу. Если я редактирую текст в любой точке останова, то этот текст сразу появляется во всех других точках останова (хотя он не должен быть там виден). Однако, если я кликну мышкой на белое поле в любой точке останова, где этот текст не должен быть, то ненужный текст исчезает. И вроде проблемы нет.
ВОПРОС - это нормально, что такое явление возникает при редактировании текста. Или что-то в "консерватории" надо поправить ?!
Спасибо.
Марк

[Sveta2608]

mark, Марк, все действия по адаптации невозможно описать. Хотя подозреваю после изучения этих действий у Вас пропадет желание делать адаптивную верстку, у меня лично пропало

[anonimus]

Светлана, ну не знаю почему у вас пропало желание.
Лично у меня статистика другая - всех кого я лично учил делать вёрстку адаптивную, все прекрасно справляются.