Что такое код swfdisplayitem >remove


Содержание

FPublisher

Web-технологии: База знаний

Документация PHP

SWFDisplayItem->remove()

(No version information available, might be only in CVS)

SWFDisplayItem->remove() — Removes the object from the movie

Описание

Эта функция является ЭКСПЕРИМЕНТАЛЬНОЙ. Поведение этой функции, ее имя и относящаяся к ней документация могут измениться в последующих версиях PHP без уведомления. Используйте эту функцию на свой страх и риск.

swfdisplayitem->remove() removes this object from the movie’s display list.

The object may be a swfshape(), a swfbutton(), a swftext() or a swfsprite() object. It must have been added using the swfmovie->add().

Возвращаемые значения

Эта функция не возвращает значения после выполнения.

Что такое код swfdisplayitem >remove

SWFDisplayItem->remove — удаляет объект из movie.

Описание

void swfdisplayitem->remove (void)

Эта функция — ЭКСПЕРИМЕНТАЛЬНАЯ. Поведение, имя и всё остальное, что задокументировано для данной функции может быть изменено в будущих релизах РНР без предупреждения. Вы можете использовать эту функцию только на свой страх и риск.

swfdisplayitem->remove() удаляет данный объект из списка отображения клипа.

SWFDisplayItem::remove — Removes the object from the movie

(PHP 5 SWFDisplayItem::remove — Removes the object from the movie

Описание

Эта функция является ЭКСПЕРИМЕНТАЛЬНОЙ. Поведение этой функции, ее имя и относящаяся к ней документация могут измениться в последующих версиях PHP без уведомления. Используйте эту функцию на свой страх и риск.

swfdisplayitem::remove() removes this object from the movie’s display list.

The object may be a swfshape() , a swfbutton() , a swftext() or a swfsprite() object. It must have been added using the swfmovie::add() .

Возвращаемые значения

Эта функция не возвращает значения после выполнения.

Как быстро настроить AMP на WordPress

Что такое AMP-страницы?

AMP-страница, это оптимизированная страница, которая ускоренна специально для мобильных устройств. Это HTML страница с открытым исходным кодом, которая оптимизирована для устройств с маленьким экраном, даже если она содержит видео или рекламу.

AMP страницы хранятся в отдельном кеше Google и поэтому у них более высокая скорость загрузки. Google впервые анонсировал Accelerated Mobile Pages – Ускоренные страницы для мобильных устройств в октябре 2015 года.

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

Ограничение для AMP страниц:

  • Только асинхронные скрипты
  • Нельзя описывать стили с помощью «style» по месту применения, все они должны быть описаны в HTML файле в тэге «style amp-custom»
  • Ограничение на размер стилей в 50 КБ
  • Параметры «width» и «height» внешних ресурсов, таких как картинки, должен быть указан внутри html
  • Ограничение на Javascript, можно использовать только поддерживаемую библиотеку AMP JS
  • Шрифты должны быть загружены по ссылке или в CSS-конструкции @font-face

Зачем вам AMP?

Быстрые страницы — счастливые посетители. Счастливые посетители чаще остаются на сайте, читают и взаимодействуют контентом. Google любит такое поведение.

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

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

Как настроить AMP на WordPress сайте?

Настройка AMP страниц, на много легче, чем многие думают. Следуйте этим инструкциям, чтобы реализовать AMP на вашем WordPress сайте.

Шаг #1: Установите плагин «Accelerated Mobile Pages (AMP) Project»

Это бесплатный плагин AMP от Automattic. Для установки заходим в Плагины > Добавить новый и ищем плагин «Accelerated Mobile Pages (AMP) Project», он поддерживает последнюю версию WordPress 4.6.1.

После того, как вы его активируете, он сразу же создаст AMP страницы на сайте. Что бы проверить, добавьте в конце адреса любой страницы /amp/.

Так же вам не стоит опасаться дублирование контента плагин автоматически добавить в код вашей страницы:

А на AMP страницу добавит:

Шаг #2: Установите плагин Yoast Glue Plugin

Теперь, когда у вас есть AMP страницы, было бы неплохо, если бы они были похожи на остальной ваш сайт, вместо черно-белого стиля по умолчанию.

Плагин Yoast Glue Plugin интегрирует основные SEO мета-данные на страницы AMP и позволяет настраивать их оформление.

После того, как вы установили и активировали плагин, перейдите в Yoast SEO > AMP в панели управления WordPress. В вкладке «Design» вы можете загрузить лого, настроить основные цвета.

Примечание: Yoast Glue Plugin плагин не будет работать, если вы используете другой SEO плагин. Если вы используете другой SEO плагин настоятельно не рекомендуется устанавливать Yoast в качестве дублирующего плагина, это может привести к неправильной работе сайта. Если у вас установлен другой плагин, то придется либо остаться на дефолтном оформлении AMP, либо удалить старый SEO плагин.

На данный момент у вас уже есть две версии страниц. Версия AMP урезанна. На ней нет хидера, расширений социальных сетей, комментариев и меню.

Шаг #3: Добавление AMP страниц в Search Console

После того, как вы реализовали AMP и настроили их, пришло время проверить, что бы Google заметил ваши усилия. Войдите в Google Search Console и нажмите Вид в поиске > Ускоренные мобильные страницы (AMP).
Здесь можно проверить AMP страницы:

  • Количество проиндексированных ускоренных мобильных страниц (AMP)
  • Количество AMP-страниц с ошибками (без предупреждений).

Любые ошибки в AMP будут отображаться в этом отчете. При возникновении ошибок просто нажмите кнопку, чтобы выяснить, что вызывает ошибку. Это может быть скрипт или плагин. Устраните проблему, а затем запустить AMP валидатор, по ссылке:
https://val >

Как отслеживать ускоренные мобильные страницы (AMP)

Стандартный код счетчиков нельзя установить на AMP страницы, на данный момент есть возможность установки счетчика Google Analytics. Вот официальное руководство по настройке на Developers.google и подробный разбор в блоге Netpeak. Metrika не устанавливается на AMP, но скорее всего Yandex скоро внедрит эту возможность.

Вывод

Вот и все, это простое трех шаговое руководство по созданию AMP-страниц на WordPress сайте. Если у вас не WordPress, не волнуйтесь. Есть подробное руководство созданию AMP страниц. Это будет не так просто, как в WordPress, но оно того стоит.)

Остались вопросы? Задавайте!

Что такое код swfdisplayitem >remove

SWFDisplayItem->remove — удаляет объект из movie.

Описание

void swfdisplayitem->remove (void)

Предупреждение!

Эта функция — ЭКСПЕРИМЕНТАЛЬНАЯ. Поведение, имя и всё остальное, что задокументировано для данной функции может быть изменено в будущих релизах РНР без предупреждения. Вы можете использовать эту функцию только на свой страх и риск.

swfdisplayitem->remove() удаляет данный объект из списка отображения клипа.

Объектом может быть swfshape() , swfbutton()- , swftext()- или swfsprite() -объект. Он обязан быть добавлен с использованием swfmovie->add() .

Что такое код swfdisplayitem >remove

Пользовательский F.A.Q. по PowerAMP (если вы хотите что-то спросить, тыкните по ссылке ;) )
Прошу в теме не вести обсуждения плеера, это прямое нарушение правил форума!
Для споров, вопросов, багов и прочего существует тема обсуждения PowerAMP

Все обсуждения, споры и просьбы будут удаляться без предупреждения. Особо настойчивых ждет читательский абонемент, возможно, пожизненно! Прошу сознательных форумчан помогать держать чистый фак при помощи кнопки «жалоба» на сообщениях не по теме, модераторы обещали свою активную помощь.

Прошу сообщения составлять по шаблону . Если необходимо, можно выкладывать видео, ссылки на YouTube, картинки и прочее.
Прошу постараться в одном сообщении освещать один вопрос, так потом проще будет собирать в шапке.
Но если это невозможно :D то можно и несколько вопросов/ответов.
В будущем, когда сообщений наберется достаточно, я рассортирую их по тематике и подниму ссылки на сообщения в шапку!
Ссылка на эту тему есть в шапке темы обсуждения PowerAMP

Всем кто поучаствует в создании F.A.Q. по плееру (напишет свое сообщение по шаблону в этой теме с вопросом/ответом) от меня лично будет + ! :yes2:

Если у вас есть вопрос и вы хотите, чтобы он был в F.A.Q, но вы не знаете ответа на него/не можете четко сформулировать, то пишите мне в QMS , я попробую найти на него ответ/четко сформулировать и добавлю в F.A.Q.
Пишите именно в QMS , тк ящик забит и я буду удалять не глядя сообщения такого рода. Спасибо за понимание!

Сообщение отредактировал artem1701 — 22.04.16, 22:00

Q: Кто разработчик программы PowerAMP?
A: Разработчиком является Максим Петров, также известный как MaxMP

Сообщение отредактировал Black_BG — 02.02.12, 16:16

Q: Как купить программу и чем можно платить?
A: Программу можно купить через Google Play Market, через Yandex.Store или на официальном сайте.
Как делать покупки на маркете подробно написано в теме Покупка платных программ в Маркете
Чтобы купить плеер на сайте, вам необходимо зайти на сайт http://powerampapp.com/ , нажать на кнопочку «Buy» и перейти по ссылке «Buy Now, Directly (.apk)»
Вы попадаете в форму заказа https://secure.payproglobal.com/orderpage.a. products=47845
Там вам необходимо заполнить все поля и выбрать как вы хотите расплачиваться.
Доступны способы оплаты:

  • Кредитная/дебетная карта — Visa, MasterCard, AmericanExpress, Discover, JCB
  • Заказ на приобретение
  • WebMoney
  • Яндекс.Деньги
  • Заказ по телефону
  • Заказ по факсу
  • Чек/наличные
  • PayPal
  • Банковский перевод

При покупке через Маркет, программа проверяет лицензию ДВА раза:
1-й раз — сразу при покупке,
2-й раз — через 48 часов после покупки, или позже.
В эти моменты программа подключается к интернету. Если через 48 часов интернет оказывается не доступен, то программа пытается подключиться к интернету при каждом последующем запуске, пока ей не удастся проверить лицензию.
После успешной повторной проверки лицензии, больше программа ее не проверяет.
Данный способ не является прихотью автора, а является требованием Google, поэтому не подлежит обсуждению.

ВНИМАНИЕ!
Начиная с версии 2.0.9-build-5хх при покупке с сайта не требуется разблокировщик.

Сообщение отредактировал Black_BG — 13.08.14, 20:32

Q: Как назначить пресет эквалайзера на трек/папку/исполнителя и тд
A: Можно назначить как вновь создаваемый пресет, так и уже существующий. Разберем ситуацию с нуля на примере назначения пресета на папку. Назначение на исполнителя/жанр/трек/альбом/наушники/колонки и тд делаются аналогично.
В главном окне плеера нажимаем меню, далее папки/библиотека. Переходим в папки. Выбираем нужную папку и долго жмем на нее. В выскочившей менюшке нажимаем воспроизвести.
Пока треки из папки играют, переходим в эквалайзер, настраиваем его как нам нужно (в тч не только ползунки, но и тон и прочее) и нажимаем сохранить. Выпадет менюшка сохранения в которой вы должны ввести название и ниже будет надпись — «Автоматически применять для:» и там ставите галку напротив «Папка». Все. Для треков, которые лежали в этой папке будут автоматически применяться данные настройки. Будьте внимательны, пока такое назначение работает только для вложенных папок, на всю корневую папку так назначить не получиться. Для разделов библиотеки (исполнитель/жанр/альбом и тд) трудностей с назначением нет.

Сообщение отредактировал Black_BG — 02.02.12, 18:47

Q: Как сделать чтобы плеер не сканировал не нужные папки с музыкой (например, музыка от игр)? Вариант с файлом .nomedia не помогает.
A: Меню -> Настройки (Settings) -> Папки с музыкой (Music Folders) -> Ставим\убираем галки с необходимых папок.

Сообщение отредактировал clever_man — 03.02.12, 19:07

Q: Как научить плейер искать тексты песен в интернете?
A: Плейер самостоятельно умеет извлекать текст песен из тегов. Если там текста нет, то можно использовать плагин MusiXmatch (https://market.andro >Приоритет мест поиска текстов выбирается в настройках (Настройки / Настройки интерфейса / Слова).

Популярные англоязычные песни ищет отлично, но с русскими могут возникнуть проблемы.

Сообщение отредактировал Radjah — 03.02.12, 07:43

Q: Как сделать, чтобы плеер автоматически начинал/прекращал играть при подключении/отключении проводных наушников или БТ гарнитуры?
A: Необходимо в главном окне плеера нажать меню, потом нажать «еще», найти «настройки» и жмакнуть на них. В настройках плеера листнуть в самый низ и найти пункт «Гарнитура», все необходимые настройки там.

Сообщение отредактировал Black_BG — 02.02.12, 20:18

Q: Какие форматы воспроизводит плеер?
A: Poweramp воспроизводит MP3, MP4/M4A (включая lossless ALAC), FLAC, OGG, WAV, TTA, WMA, APE/WV (некоторые wma pro файлы могут потребовать поддержку NEON)

Сообщение отредактировал artem1701 — 03.04.16, 15:54

Q: При блокировке телефона начинает жутко тормозить формат *.ape. С чем это может быть связанно?
A: *.ape тяжелый формат. Для его воспроизведения требуется значительно больше ресурсов телефона чем для воспроизведения, например, mp3 или flac.
Когда телефон не может дать необходимого количества ресурсов (например при заблокированном экране) *.ape начинает заикаться. Появление проблемы наиболее вероятно на не быстрых аппаратах.
Для решения проблемы существует несколько способов, например сделать рут и поднять частоту процессора в фоне, но это пагубно повлияет на время автономной работы телефона.
Самый простой способ решить проблему — перекодировка *.ape в другой формат. Это можно сделать, например, при помощи xrecode II или аналогичных программ.

Сообщение отредактировал Black_BG — 03.02.12, 08:24

Q: Что за меню вылетает при тапе на обложку и как его убрать? И почему некоторые элементы не исчезают, даже если нет этого меню?
A: Это меню быстрого доступа к пресетам, эквалайзеру, тону, настройкам повтора и перемешивания и рейтингу. Чтобы его раскрыть/закрыть нужно тапнуть по обложке.
В настройках интерфейса (меню->настройки->настройки интерфейса) можно задать различное поведение для кнопок — можно их скрыть, сделать видимыми всегда, но ненажимаемыми, можно видимыми и нажимаемыми и тд.
По короткому тапу на эквалайзер/тон/пресет вы попадете в соответствующие окна, по динному тапу на эквалайзер/тон вы их включите/выключите, по длинному тапу на пресеты вы попадете в эквалайзер.
Внизу по тапу на перемешивание/повтор будут меняться доступные варианты. По долгому тапу на повтор/перемешивание появится менюшка со всеми возможными вариантами повтора/перемешивания.
Внизу посредине вы можете тапнуть и выставить рейтинг текущей композиции.

Сообщение отредактировал Black_BG — 17.02.12, 08:33

Q: Поддерживает ли плеер сторонние плэйлисты?
A: Да, плеер поддерживает форматы плейлистов: m3u/m3u8, pls, wpl. Запись добавлений/изменений обратно в файл плейлиста.
Для того, чтобы импортировать/экспортировать плэйлисты необходимо перейти в меню->настройки->дополнительные настройки->импорт/экспорт плэйлистов

Сообщение отредактировал Black_BG — 03.02.12, 12:37

Q: Сколько раз проверяется лицензия и придется ли покупать еще раз, если сменить телефон?
A: При покупки с маркета лицензия проверяется 2 раза, сначало при покупку, а потом через 48 часов. Это не прихоть автора, это требования маркета! (с сайта, 1 раз, результаты проверки кэшируются).
Вы покупаете плеер 1 раз на свой гугл аккаунт и даже при замене телефона, если остался тот же самый гугл аккаунт, плеер остается купленным.

Сообщение отредактировал clever_man — 04.11.13, 08:36

Q: Напрягает каждый раз нажимать «еще» в каждом меню?
A: Вам помогут настройки меню->настройки->настройки интерфейса->раскрыть меню — менюшки будут всегда полные.

Сообщение отредактировал Black_BG — 03.02.12, 16:50

Q: Почему плеер играет тише других ? И что такое DVC?
A: Все нормальные треки как правило уже нормализованы, т.е. динамический диапазон практически полностью использован. Если вы усиливаете какие либо частоты эквалайзером, вам нужен диапазон, в зависимости от выбранной степени усиления. В плеере реализована защита от перегруза. При включении эквалайзера предусиление (крайний левый ползунок) двигается вниз, а также понижается общая громкость для получения необходимого динамического диапазона.
Чтобы сделать звук громче в версии 1.х и 2.х (на устройствах без Direct Volume Control) необходимо поднять предусиление вверх до достяжения желаемой громкости.
Будьте внимательны, слишком сильный подъем предусиления может привести к перегрузу и звук может начать хрипеть, пердеть и иметь другие искажения, связанные с выходом за рамки динамического диапазона. На 2.х кнопка «Лимит» может помочь избавиться от этих искажений.
Если вам, например, не требуется ничего усиливать, или нужно что-то наоборот ослабить, то преамп можно выкрутить на макс, тем самым используя полный динамический диапазон.
На устройствах с Direct Volume Control громкость звука должна быть аналогична громкости стокового плеера (при условии, что преамп выставлен в 0). Если громкость/звук сильно отличаются и/или вы на слух слышите, что плеер играет тише/хуже, то это вина разработчиков прошивки, которые не смогли нормально реализовать Direct Volume Control. Советую отключить его в плеере.

примечание
Direct Volume Control — прямое управление громкостью. Благодаря ему плеер имеет больший динамический диапазон эквалайзера для 2.3 устройств, что позволяет например выставить басы в макс. без намека на искажения и без уменьшения громкости по сравнению со стоковым плеером (на среднем положении преампа).

Сообщение отредактировал Black_BG — 17.02.12, 08:43

Глаза боятся, а руки делают. Подключаем AMP страницы на сайт

Я вырастил грибыыы … А нее, стопэ! :) Я подключил AMP страницы, и это оказалось не так уж и сложно! Пришлось повозиться, но уже есть что рассказать, и чем поделиться.

А началось все с того, что в Google-аналитике мне перестал давать покоя пункт «Ускоренные мобильные страницы (AMP)». Вроде бы вот он раздел, мне не мешает, но почему там пусто? Почитал мельком информацию, посмотрел видео, подумал, что вещь вроде бы неплохая, но работы много, и отложил подключение. Но пустой раздел в аналитике покоя не давал, не давал, не давал (привет, Баден-Баден!).

Итак, что такое AMP и зачем оно нужно?

AMP (Accelerated Mobile Pages) – переводится с английского как ускоренные страницы для мобильных устройств. Иными словами, HTML-код таких страниц отличается от общепринятого, и оптимизирован для отображения на мобильных устройствах.

Поначалу мне было непонятно, зачем это нужно, если есть такие фреймворки для адаптивной верстки, как Bootstrap? Например, на моем сайте используется как раз такой фрейморк, и страницы хорошо отображаются как на компьютерах, так и на смартфонах и планшетах, смысл городить еще что то? Но всё оказалось сложнее (с)

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

Человек прямо в поиске увидит картинку/логотип вашей статьи, заголовок, часть текста, а если заинтересуется, то и все содержимое вашей страницы будет ему отображено в считанные секунды, и всё это без захода на ваш сайт! В принципе, ситуация Win-Win, как говорится – мне не надо отдавать лишние деньги за ресурсы хостинга, пользователю не нужно ждать, пока страница сформируется, загрузится и отрисуется. Да, предвосхищаю ваш самый главный вопрос – на такие страницы можно вставлять как рекламу, так и счетчики посещаемости.

Как сделать AMP страницу и какие тонкости и риски просто необходимо учесть.

Как уже говорилось, AMP страницы должны соответствовать определенному стандарту, и на них накладываются определенные ограничения. Стандарт описан на английском языке на официальном сайте проекта — https://www.ampproject.org, но я проведу вас через примеры с сайта и опишу всё, что узнал, на русском.

Итак, «обыкновенная» AMP страница, выглядит, по мнению авторов, вот так:

Специально вставляю картинку, что бы апеллировать к номерам строк (слева). Сам HTML вы можете взять с официального сайта по этой ссылке.

Итак, вы видите структуру документа. В 6й строке вы должны вставить свой заголовок, а строку 23 заменить содержимым своей статьи (вместе с картинками и прочим), и подбить служебные поля. Если вы все сделаете правильно, создание AMP страницы будет окончено, и вам останется только скормить её в Google.

Но вот с этим «сделать всё правильно» как раз начинается самая тонкая работа :)

Не забудьте научить ПС не считать AMP страницу и оригинал дублями.

У меня теперь есть два вида записей блога – обычная страница, и, теперь, AMP, с одинаковым содержимым. Для себя я наметил, что отличаться они будут вставкой дополнительного текста «blog_amp» в URL (адрес) страницы.

Так, например, обычная статья имеет адрес «https://bablofil.ru/kak-torgovat-na-birje/», а её аналог – «https://bablofil.ru/blog_amp/kak-torgovat-na-birje/». Если хотите, откройте обе в браузере – и обе откройте с мобильного телефона, сравните. И сразу да – AMP может выглядеть намного красивее, не так как у меня, но я еще до этого доберусь ;)

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

Для решения такой проблемы предусморены специальные заголовки в разделе «head» как основной страницы, так и её AMP-собрата (строка 7 на рисунке выше).

На «ускоренной» странице вы ссылаетесь на главную, указывая параметр rel=”canonical” и href=”адрес основной страницы”

rel= «canonical» href= «http://main_page.html» />

А на главной указываете ссылку на «ускоренную», указывая параметр rel=”amphtml” и href=”адрес страницы AMP”.

rel= «amphtml» href= «https://www.example.com/url/to/amp/document.html» >

Продолжая свой пример, у меня на странице https://bablofil.ru/kak-torgovat-na-birje/ указан путь к её amp-версии

, а на amp-версии указан путь к оригиналу

Тут у меня указаны относительные пути, без полного указания https://bablofil.ru/. , и по заверениям гугла, тут это допускается. Но в некоторых других частях документа придется использовать полный путь, так что вам, может быть, будет удобнее использовать полный URL везде.

Этих заголовков, говорят Яндекс с Гуглом, должно хватить, что бы всё было хорошо.. Но мы то живем в реальном мире! Поэтому многие мастера вносят в robots.txt строки, запрещающие индексацию amp страниц для Яндекса. В моём случае, можно было бы внести в robots.txt строку вида Disallow: /*blog_amp*, но я этого не делаю, потому что мне интересно, как Яндекс себя поведет. Такой вот мини-эксперимент.

Приведите содержимое статей в соответствие с ограничениями

Звучит как что-то абстрактное, но, на самом деле, все очень предметно. Некоторые WYSIWYG редакторы (те штуки, в которых вы набираете текст в админке, где можно выделять жирным, ставить заголовки и всё такое) любят вставлять всякое лишнее в тело статей. Например, мой редактор вставляет в загружаемые картинки атрибут style=”height:400px; width: 600px”, а так же иногда вставляет атрибут style в теги span и div.

Но это не поддерживается AMP, и гугл при проверке такой страницы будет ругаться и не хотеть её добавлять. Так же не поддерживается тег img – его надо заменять на тег amp-img.

Что сделал я в такой ситуации – несколько шагов, они больше программные. У меня сайт сделан на языке программирования Python, но те же самые техники вполнеможно приспособить и для PHP, особенно для таких движков как WordPress и Drupal.

Изображения и прочее.

Изображения должны быть указаны в тегах amp-img, и обязательно иметь следующие атрибуты:

layoutresponsive» (для адаптивного масштабирования)
w > height=”400” – любое целое число в пикселях.

Да-да, изображение будет масштабироваться, а пропорции будут браться из отношения width к height. Все эти поля обязательны, и, если вы их не укажете, изображения показываться не будут, и тем более Google не будет работать с этой страницей.

У себя я решил вопрос относительно просто: перед тем, как построить и скинуть в кэш amp страницу, отрабатывает автозамена – все вхождения на , и все вхождения style=”любой текст” просто вырезаются из всех тэгов – все равно они не работают на amp.

Код простой, выглядит вот так:

article — в моем случае, всё содержимое статьи. При использовании PHP надо будет заменить article.replace на str_replace и, возможно, переставить аргументы местами, а re.sub заменить на preg_replace.

Так же очень важным для меня стал вопрос, где брать исходные данные по изображениям – длину и высоту. Тут мне повезло, хотя, думаю, и у вас похожая история. В общем, когда я вставляю картинку в текст, код выглядит таким образом:

Внутри кавычек в аттрибутах alt, class, src и style текст каждый раз меняется, но их позиция всегда остается неизменной. Таким образом, мне нужно из поля style взять цифры (в этом примере, 53 и 553), и подставить их же в эту же строку, но как отдельные атрибуты. Строка после этого будет выглядеть вот так:

Потом, как я уже писал выше, для amp страниц style=”…” полностью срежется, а теги заменятся, и итоговый код для изображения на ускоренной странице будет выглядеть так:

А само решение делается в одну строку кода:

Опять же, в PHP re.sub надо будет заменить на preg_replace и, возможно, поменять аргументы местами.

Это регулярное выражение находит в html-коде статьи текст, похожий на

После того, как я внес эти изменения – подгонка изображений под стандарт и вырезание style=’…’ из тэгов, больше с текстом статей я не работал – текст стал валиден, осталось дооформить страницу.

Свои стили

Текст-то может и стал валиден, но пропали стили – подключать внешний CSS в AMP страницу нельзя, и в теги прописывать через style тоже нельзя. Выход – внедрять CSS в head страницы, но в строго отведенном месте — в теге style amp-custom. Вот как выглядит это у меня в шаблоне страницы.

Этот тэг должен присутствовать только один раз на всю страницу, дублировать нельзя, все стили прописываем в нём. Более того, подозреваю, что есть ограничения на размер содержимого, да и лишние пробелы надо убрать и переводы строк, но в процессе разработки я этого не делал.

Проставьте правильное описание страницы

Помните тот рисунок в начале статьи, где от разработчиков показывался пример правильной AMP страницы? Так вот, с точки зрения Google он НЕ правильный, пока вы не пропишете все нужные поля в описание script type=»application/ld+json» .

Вот как выглядит это у меня.

В фигурных скобках указаны мои переменные, которые подтягиваются из базы, свои для каждого отдельного поста. HTML-код для копирования вы можете взять с официального сайта.

Пара замечаний по заполнению: Для изображений тут не подходят относительные пути – всё надо вбивать полностью, и важны размеры. Вот эти поля: width:600 и height: 60, а так же height:2000 и width: 800 я взял полностью из примера. Я пытался подогнать их под себя – но потерпел поражение. Google ругался то на высоту, то на ширину, а через поиск нашел только то, что размеры могут быть любыми. В общем, оставил их пока как есть, если появится новая информация, сообщу. И да, если у вас есть такая информация, поделитесь, пожалуйста, в комментариях.

А, и еще на предмет поля mainEntityOfPage – по описанию, это поле должно указывать на товар, который вы описываете, или на персону, или на организацию и так далее. Про статьи ничего не сказано, но, раз уж это поле обязательно для Google, я в нём указал путь к такой же, но не ускоренной странице (канонической). Прав я или нет – время покажет. Но гуглу понравилось, вроде ;)

Добавьте меню

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

Делай раз – указал скрипт в разделе head – он для всех одинаковый

Делай два – добавил кнопку, при нажатии на которую будет показываться сайдбар

Делай три – добавил сам сайт-бар

Тут надо отметить, что аттрибуты role и tabindex обязательны для Google, так что вписал их – на официальном сайте про это упоминания я не нашел.

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

Добавьте рекламу

Тут принцип тот же – добавляем в head нужный скрипт:

И добавляем сам рекламный блок в тэге

Тут такой же принцип, как и с изображениями – реклама будет адаптивно подстраиваться, но в нужных пропорциях. Пример выше использует рекламу AdSense, данные для полей data-ad-client и data-ad-slot вы можете получить в консоли Google AdSense при создании баннера.

Добавьте аналитику

Пусть AMP страницы хранятся и не у вас, а на серверах иностранной корпорации, вам же все равно нужно знать, что с ними происходит – кто их просматривает, как находит и так далее. Ну и с этим ничего сложного, принцип вы, наверное, уже уловили:

Добавляем скрипт в head:

Добавляем код для счетчиков:

Вот их можно вставлять сколько угодно — по крайней мере, у меня указаны оба этих блока. Желтым цветом выделены идентификаторы, которые вы должны заменить на свои – код для Google вы можете получить в Google Analytics, код для Яндекса – в Яндекс.Метрике.

Добавьте что-нибудь еще

Я обязательно добавлю, только чуть позже, комментарии, красивую прокрутку изображений, интерактивные графики на свои страницы.. Как только с этим разберусь :)

А так есть хороший сайт, где собраны примеры всяких фишек и их реализации https://ampbyexample.com/ – с примерами кодов, с визуализацией и прочим – просто скрольте страницу вниз, смотрите примеры, и самые вкусные утаскивайте себе в копилки.

Вместо заключения

После того, как я сделал AMP страницы, на все статьи моего блога автоматически проставляется ссылка на AMP аналоги. Но я решил, что лишним не будет так же добавить эти страницы в sitemap.xml – и добавил.

Кроме того, когда я тестировал и подгонял AMP код, я пользовался проверкой от Google (ссылка выше), и там, при проверке, есть кнопка «Добавить страницу» — и я нажимал добавить для трех страниц.

Эти три страницы действительно, добавились на следующий день, но ругаются на ошибки, которые я уже давно исправил. Т.е. я сначала нажал добавить, потом полез что-то исправлять, где то совершил ошибку, исправил, а потом страницы добавились с замечаниями.

Так что теперь я просто жду, когда Google их сам найдет, а так же мне интересно, что будет делать с ними Яндекс после обнаружения. Если будет информация – сообщу.

Настройка AMP на WordPress — практическое руководство

Автор: Сергей Коваленко · Опубликовано 25.09.2020 · Обновлено 05.10.2020

Что из себя представляет технология AMP от Google

AMP (англ. Accelerated Mobile Pages), — это технология создания ускоренных мобильных страниц, для устройств с медленным доступом в Интернет. Реализованы в основном посредством HTML верстки, с расширениями, и некоторыми блоками кастомных страниц для мобильных устройств. Для них не может быть использован ряд скриптов JavaScript, но без ограничения можно использовать CSS3.

Технология позволяет сохранять эти страницы в отдельном кеше Google, что дает возможность получить более высокую скорость загрузки, по сравнению с мобильными и адаптивными страницами. Впервые была анонсирована в октябре 2015 года. На момент написания этой статьи проект все еще активно развивающийся и предполагающий широкое применение на сайтах, крупных порталах и интернет-магазинах. Больше информации о нем вы можете получить на официальном сайте, перейдя по ссылке www.ampproject.org

Зачем нужны AMP страницы

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

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

Конечно есть ряд сложностей, с которыми можно столкнуться при работе с AMP страницами, ведь не любой контент удастся передать при помощи HTML. Но Google активно продвигает эту разработку, стимулируя веб мастеров появлением ускоренных страниц на первых страницах поиска у мобильных пользователей.

Руководство по настройке AMP страниц на WordPress

Если вы решились использовать ускоренные мобильные страницы на своем сайте WordPress, то это можно быстро реализовать при помощи следующих плагинов:

  • AMP By Automattic, — официальный плагин разработан командой Automattic, но имеет весьма ограниченные возможности.
  • AMP for WP – Accelerated Mobile Pages. Имеет много возможностей и более гибкие настройки.
  • AMP WooCommerce. Плагин, позволяющий включить AMP на страницах вашего магазина.
  • Glue for Yoast SEO & AMP. Дополнение к известному плагину Yoast SEO, но к сожалению на момент написания статьи не совместим с версией WordPress 4.8.2

Далее подробно рассмотрим настройку плагина AMP for WP – Accelerated Mobile Pages.

Установка AMP for WP – Accelerated Mobile Pages

Установить плагин вы можете скачав его с официальной страницы wordpress.org/plugins/accelerated-mobile-pages, либо через панель управления: Плагины → Добавить новый…

Вводите в строке поиска название плагина, жмете кнопу установить, а затем активировать.

Настройка AMP for WP – Accelerated Mobile Pages

После активации вы попадаете на окно с настройками плагина. Так же в панели управления появляется значок настроек AMP.

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

General

В графе Logo вы можете выбрать логотип для сайта. В выпадающем списке Select Page as Front Page, выберете домашнюю страницу своего сайта. В используемом мной шаблоне WordPress, эта страница реализована таким образом, что не может автоматически быть преобразована в AMP-формат. И здесь на помощь приходит дополнительные блоки AMP Page Bilder и Custom AMP Editor, которое плагин встраивает в каждую страницу сайта.

С помощью этих блоков вы можете внести необходимую информацию или изменения в отображение контента на AMP-страницах.

Page Builder

Раздел отвечающий за отображение этих блоков.

Отвечает за выведение блоков рекламных сетей, в том числе и Google Adsense. Но для его работы необходимо доплатить за эту функцию (на момент написания статьи 30$)

Позволяет настроить параметры поисковой оптимизации для ускоренных мобильных страниц.

Analytics

Позволяет подключить систему аналитики. Для корректного отображения данных в Google Analytics, необходимо создать отдельный ресурс.

Structured Data

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

Notifications

Позволяет включить использование cookie. Платная функция, на момент написания статьи стоимость 30$.

Contact Form

Функция для установки формы обратной связи. Так же платная.

Comments

Позволяет подключить комментарии Disqus и Facebook.

Возможность комментировать непосредственно на AMP страницах блога нужно докупать.

Facebook Instant Articles

Позволяет подключить к страницам скрипты Facebook

Hide AMP Bulk Tools

Позволяет отключать поддержку AMP в категориях сайта

Advance Settings

Позволяет включить перенаправление посетителей с мобильных устройств на AMP страницы; установить необходимый код в Header и Footer и автоматическое добавление директории /amp/ в меню, используемое для ускоренных мобильных страниц.

Translation Panel

Позволяет перевести необходимые пункты AMP страниц и добавить свой копирайт в футер.

Themes

Позволяет выбрать одну из трех тем, для отображения мобильных страниц.

Global

Позволяет вывести отображение номера телефона, формы поиска по сайту и установить собственные CSS.

Позволяет включить переход при нажатии на логотип на кастомную версию сайта и включить навигационное меню для AMP версии.

HomePage

Позволяет установить количество отображаемых слов и размер картинки в превью записи блога.

Single

Позволяет настроить отображение записи блога

Добавляет в футер ссылку на не AMP версию сайта.

Позволяет включать на страницах мета-описания.

Social

Позволяет подключить данные социальных профилей к AMP страницам.

Позволяет перейти на предпросмотр вида постов, при нажатии кнопки Launch Post Builder, и включить поддержку языков с письменностью справа налево.

Extensions

Позволяет установить необходимые дополнительные плагины.

Все плагины платные, кроме одного, — Category Base Remove. Этот плагин необходимо скачать, перейдя по указанной в интерфейсе ссылке, и установить на сайт. Дополнительной настройки он не требует. Необходим для корректного отображения страниц категорий.

Fix AMP Errors

Это раздел с дополнительными платными сервисами, помогающими в устранении ошибок AMP страниц, которые были выявлены при сканировании роботами Google, и отображаются в панели управления Search Console.

Plugins Manager

Включает функцию управления купленными дополнительными плагинами.

Send Feedback

Кнопка обратной связи с разработчиками.

Import / Export

Позволяет экспортировать и импортировать настройки данного плагина.

Выводы

Как видите, настройка не так уж и сложна. Пример AMP страницы, генерируемой плагином AMP for WP вы можете увидеть на этом блоге, добавив в конце любой страницы каталог /amp/.

Внедрение всех настроек на сайте у меня заняли около двух часов. После чего через Search Console я отправил на индексацию основную AMP страницу блога с расположенными на ней ссылками. Первые проиндексированные страницы появились через два дня.

А дальше, как я уже писал, все будет зависеть от качества контента, и его актуальности для пользователей.

Надеюсь эта статья была полезна для вас. Если есть вопросы, задавайте в комментариях.
Так же буду благодарен, если вы поделитесь своим опытом внедрения и использования AMP технологии.

SWFDisplayItem::remove

(PHP 5 SWFDisplayItem::remove — Removes the object from the movie

Описание

Эта функция является ЭКСПЕРИМЕНТАЛЬНОЙ. Поведение этой функции, ее имя и относящаяся к ней документация могут измениться в последующих версиях PHP без уведомления. Используйте эту функцию на свой страх и риск.

swfdisplayitem::remove() removes this object from the movie’s display list.

The object may be a swfshape() , a swfbutton() , a swftext() or a swfsprite() object. It must have been added using the swfmovie::add() .

Возвращаемые значения

Эта функция не возвращает значения после выполнения.

SWFDisplayItem::remove

(PHP 5 SWFDisplayItem::remove — Removes the object from the movie

Description

This function is EXPERIMENTAL. The behaviour of this function, its name, and surrounding documentation may change without notice in a future release of PHP. This function should be used at your own risk.

swfdisplayitem::remove() removes this object from the movie’s display list.

The object may be a swfshape() , a swfbutton() , a swftext() or a swfsprite() object. It must have been added using the swfmovie::add() .

Илон Маск рекомендует:  Borland delphi 4 0 для начинающих создание консольного приложения
Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL
Предупреждение!