Дизайнерам и верстальщикам. С начала 2016 google запускает новый формат верстки Accelerated Mobile Pages (AMP)

#31 11 августа 2016 в 16:21
Тут уже готовая и работающая технология, так что "пошумит" не будет. Все уже по серьезному, и стоит действительно озаботится вопросом для своих сайтов.
Отчеты в консоли уже давно есть, аналитика, ошибки, график и тд.
По логам своим даже, гугл и яндекс просто ежедневно сканят эти страницы, причем усиленно. Яблочным девайсам они сразу уже выдаются, опять же по логам вижу. Кстати и фейсбук и твиттер и другие крупные игроки в соц давно присоединились и открыли уже публикации формата.
А крупный или как вы пишите большие сайты, те вообще были приглашены в самом начале и давно имеют amp, причем уже и средние, не говоря о всех кто подключил на wp и на других системах, а их сотни тысяч.
Гугл недавно приводил статистику по amp, точной не помню цифры, но просто огромное число проиндексированных amp, куча миллионов страниц.

Так что по любому надо ))

К WP сейчас уже несколько плагинов, включая "основной", причем и платные есть. В платных сразу плюс к amp и фейсбук, твиттер и что там еще.
#32 11 августа 2016 в 16:54
garry, а как альтернативу, что на Гугл "забьют", а Яша постарается в этом помочь

Я же говорю " хотелось встать и взлететь, а удалось только пукнуть и лечь"

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

garry, Упс, немного не дочитал Ваше сообщение… Тогда все может быть.
#33 12 августа 2016 в 07:23

Тогда все может быть.

Rainbow

Тут вопрос уже стоит по другому..."Не опоздать"
#34 27 августа 2016 в 11:46
Немного новостей от гугл, для удобства прочтения ссылки на серч.
Google облегчит A/B-тесты ускоренных мобильных страниц — www.searchengines.ru/a-b-tests-amp.html

Google поделился советами по использованию AMP в e-commerce — www.searchengines.ru/google-podelilsya-sovetami-po-ispolzovaniyu-amp-v-e-commerce.html

Google укажет на ошибки AMP прямо в выдаче — www.searchengines.ru/google-oshibki-amp-vyd.html
#35 8 сентября 2016 в 20:08
Продолжаю smile

Произошли еще ряд изменений и плотного внедрения в выдачу, кто интересуется, думаю уже читал за последнее время.
Вот сегодняшнее:

Google тестирует более заметный логотип AMP в результатах поиска

Иллюстрация

Напомню:

В августе Google объявил о предстоящем расширении поддержки AMP на основную поисковую выдачу. До этого момента страницы с ускоренной загрузкой показывались только в новостном разделе «Top stories».

#36 8 сентября 2016 в 20:45
garry, За новости всегда спасибо, только как Инстанту прявязать? scratch

Может быть иду не в то направление.

Пока просмотрел… не знаю правильно ли понял что в head на ровне с canonical

<link rel="canonical" href="https://www.example.com/url/to/regular-html-version.html" />

Должно быть указано Что то типа:

<link rel="amphtml" href="https://www.example.com/url/to/amp-version.html" />

То есть там rel="canonical", а добавить rel="amphtml"

Просто думаю как опять обмануть их заморочку...

Если так то так же как было с canonical


  1.  
  2. <?php
  3. $where = $_SERVER["REQUEST_URI"]; // адрес текущей страницы
  4.  
  5. $q = strpos($where,'?'); // позиция символа "?"
  6.  
  7. if ($q){ $canonical = substr($where,0,$q); //если страница с параметрами - отрезаем их
  8.  
  9. }else{ $canonical = $where; }
  10.  
  11. if ($canonical=='/'){$canonical='';} //если главная, убираем слэщ в конце
  12.  
  13. elseif ($canonical=='/index.php') {$canonical='';} //если главная, убираем index.php
  14.  
  15. $canonical = 'http://'.$_SERVER['HTTP_HOST'].$canonical;
  16. ?>
  17. после <head>
  18. <link rel="canonical" href="<?php echo $canonical; ?>"/>
  19.  
Если это продублировать и вправить вместо canonical на amphtml scratch

Или я не понял смысла....

Есть кто вник?

Если кто понял, а я в корне ошибаюсь, подскажите.
Если никто ничего не понянл, пойдем обычным для "настоящих мужиков" способом сначала 10 раз попробуем, потом будем читать инструкцию.))

ЗЫ: Про canonical чтобы не было вопросов применял это:

instantcms.ru/blogs/poleznosti-ot-sjen/dobavlenie-canonical-na-instante.html
#37 8 сентября 2016 в 21:19
Не выйдет так обмануть, все равно не покажет в выдаче, нужна верстка всего контента.
Копия страницы генерировалась с уже внедренной разметкой AMP, вот тогда будет кешироватся гуглом и выдаваться юзеру мгновенно.
Достаточно подробных описаний много.
#38 8 сентября 2016 в 21:23

только как Инстанту прявязать?

Rainbow
В принципе можно это сделать, даже без изменения системных файлов, только готовы ли пользователи вернутся в каменный век, так как для использование AMP, придется много от чего отказаться…
Если у вас просто сайт, без всяких там jQuery плюшек, можете переходить на AMP, а так нет

Пока просмотрел… не знаю правильно ли понял что в head на ровне с canonical

Rainbow
Это мелочи, если надо я могу подсказать как добавить мета теги, изменить вывод <img> на <amp-img> и другие правила, только надо ли это кому нибудь сейчас?
может в будущем что то измениться, но пока решил не копать в сторону AMP
#39 8 сентября 2016 в 21:29
garry, Я точно глянул одним глазом...

Да, там видел про подстройку дизайна и контента.

Но… Это примерно как новая схема орг?

Извините за наивные вопросы, но наверное и всем будет затруднительно читать большие мануалы ( если честно я попробовал, но как всегда у Гоши в справках facepalm

Если Вы понимаете, коротко словами, что к чему?

Впрочем понятно что Вы не технарь чтобы это разжевывать…
Вернее возможно со средними знаниями я что бы это понять ( тогда другой вопрос, не обижусь).
#40 8 сентября 2016 в 21:30

Если у вас просто сайт, без всяких там jQuery плюшек, можете переходить на AMP, а так нет

Evanescence
Хм, на самом деле не все так грустно))
Переводятся новости, статьи… или информативные разделы, остальное все как работало так и работает мобильно со всеми плюхами.
Теперь в AMP работает и видяхи, карусели, слайдеры, реклама и другое, так что все очень даже не плохо smile
#41 8 сентября 2016 в 21:33

Если Вы понимаете, коротко словами, что к чему?

Rainbow
Я к сожалению не больше чем в манах гугла знаю и по примерам их разметки все не так и страшно и сложно.
Но да, я не могу все и как написать. ))

Но всегда можно взять и расковырять плагин для WP, отлично работает(основной), есть еще несколько включая платные.
#42 8 сентября 2016 в 21:36
Evanescence,

Это мелочи, если надо я могу подсказать как добавить мета теги, изменить вывод <img> на <amp-img> и другие правила, только надо ли это кому нибудь сейчас?
может в будущем что то измениться, но пока решил не копать в сторону AMP

Evanescence

Ок. Спасибо. Вот оказывается в чем, а я garry, пытаю...


изменить вывод <img> на <amp-img> и другие правила,

Evanescence

Да, наверно я бы смог


если сильно уперся рогом в необходимости этого

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

Evanescence

Старые сайты конечно это...

Получается… "дорогу новым, молодым".
#43 8 сентября 2016 в 21:40

Хм, на самом деле не все так грустно))

garry

К сожалению если Evanescence, прав, все действительно грустно, для Инстант,

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


Я к сожалению не больше чем в манах гугла знаю и по примерам их разметки все не так и страшно и сложно.
Но да, я не могу все и как написать. ))


У них никогда не бывает сложно, вспомним Пингвинов несколько сот тысяч сайтов туда… несколько сот тысяч сайтов сюда… какая разница? laugh
#44 8 сентября 2016 в 21:46

там вопрос о Яше.

Rainbow
Яндекс очень не плохо сканит эти страницы, смотрю по своим логам и заказчиков. Тем паче заявлено поддержка в метрике ускоренных страниц и тд.

laugh
Она взяла обыкновенный ботинок,
приподняла его и отпустила руку,
а ботинок так и остался
висеть в воздухе.
— Раиса Захаровна, а как это?
— Телекинез.
Движение предметов при помощи взгляда.
Сейчас это явление широко изучается.
Разумеется, не на официальных началах.
Но генетику тоже не признавали.
Но прогресс неумолим.
#45 8 сентября 2016 в 21:52

Яндекс очень не плохо сканит эти страницы, смотрю по своим логам и заказчиков. Тем паче заявлено поддержка в метрике ускоренных страниц и тд.

garry

Да, но Вы же знаете Яша идет следом… только задом наперед…

Ок. garry, я наверное все таки тормозну и буду посмотреть как Evanescence, а там как у нас говорят "Либо падишах помрет, либо ишак сдохнет")))
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.