- Как eBay делает это?
- AMP Landing Pages
- Очень базовые реализации AMP
- Начните с простой HTML-страницы
- Добавьте библиотеку AMP JS и удалите ссылки на внешние JS-файлы.
- Включить атрибут AMP '⚡' и объявить набор символов
- Отмените многолетнюю работу веб-стандартов, включив ваши стили
- Обновите ваши ссылки «img» на «amp-img»
- Canonicalisation
- Добавить видовой экран
- Наконец, добавьте стандартный код AMP
- Добавить Schema.org
- Вот и все, вы сделали
В интересах подлинного любопытства или какой-то нежной мотивации от умно размещенных объявлений Google, вы, возможно, решили, что тестирование базовой реализации AMP стоит вложений в трафик вашего мобильного канала SEO.
Если вы не знакомы с AMP, взгляните на этот пост, чтобы решить, стоит ли вы должны реализовать AMP на Вашем сайте. Если ты Пользователь WordPress действительно очень легко разместить страницы AMP на вашем сайте. Однако, если вы чисто коммерческий сайт, это другая игра в мяч.
Страница AMP приводит к органическому поиску от Builtvisible.com
Как eBay делает это?
В моем посте спрашиваю, стоит ли вам внедрить AMP Я взглянул на стратегию Ebay.
По сути, они создали слой целевых страниц AMP SEO. Определив тип контента с высоким трафиком, они сделали версию AMP доступной для этой страницы, которая во многих случаях превосходила оригинал. При приземлении эти страницы предлагают глубину клика AMP, равную 1, так как следующая страница, на которую вы нажимаете, будет их стандартным мобильным сайтом:
От результатов поиска до страницы AMP. Опыт Ebay может быть немного отключен, так как отправляет вас на стандартную HTML-страницу от AMP при первом нажатии.
AMP Landing Pages
Сначала я думал, что отключенный UX в примере eBay был немного глупой идеей, но на самом деле он идеален.
С целевыми страницами, настроенными на поверхностном уровне вашей архитектуры, вы можете избежать минимальной реализации и избежать чрезмерных накладных расходов на разработку.
Это не значит, что внедрение страниц таким способом легко для большинства крупных компаний. Это избавляет от необходимости не развивать функциональность «добавить в корзину» и многие функции, которые вы ожидаете найти, например, на розничном или туристическом веб-сайте.
Короче; определить видимую для поиска группу контента с высоким трафиком, которая привлекает много SEO-трафика. Типы страниц, которые, возможно, не обладают огромным количеством функций, чувствительных к конверсии (например, добавление в корзину, обзоры, масштабирование галерей изображений и т. Д.). Типы страниц, которые можно было бы легко перевести на страницы AMP.
Это оставляет страницы категорий для большинства организаций, что в значительной степени то, что Ebay решил сделать в своих SEO стратегия ,
Очень базовые реализации AMP
Если вы хотите, чтобы тестовая реализация была рассмотрена вашей командой разработчиков, я надеюсь, что следующий раздел поможет. Я посмотрел на минимально необходимую реализацию. По сути, изменения, необходимые для того, чтобы сделать AMP базовой HTML-страницы действительной без каких-либо функций AMP JS. Это довольно легко, как это бывает.
Начните с простой HTML-страницы
<! doctype html> <html lang = "en"> <head> <title> Новостная статья </ title> <link href = "style.css" rel = "stylesheet" /> <script type = "text / javascript" src = "your -ious.js"> </ script> </ head> <body> <header> Страница категории вашего розничного сайта </ header> <article> <h1> Черные платья </ h1> <p> Просмотрите наши ассортимент черных платьев </ p> </ article> <img src = "dress1.jpg"> </ body> </ html>
Довольно просто пока!
Добавьте библиотеку AMP JS и удалите ссылки на внешние JS-файлы.
У AMP не будет внешних файлов JS, поэтому удалите старые ссылки на внешние файлы JS. Затем добавьте их внешнюю библиотеку AMP JS; который для целей этого поста вы можете использовать, потому что он позволяет такие полезные вещи, как проверка в Chrome ,
Добавьте следующую строку непосредственно перед элементом:
<script async src = "https://cdn.ampproject.org/v0.js"> </ script>
Я предпочитаю использовать AMP Validator так как вы можете работать с кодом в браузере и очень быстро получить что-то для примера кода в документе для разработчика:
Включить атрибут AMP '⚡' и объявить набор символов
Да, эта маленькая молния является атрибутом AMP . Я могу вообразить аргументы, которые это вызвало у людей стандартов. Сделайте его атрибутом элемента следующим образом, и пока вы там находитесь; добавить сразу после.
<! doctype html> <html ⚡ lang = "en"> <head> <meta charset = "utf-8" />
Отмените многолетнюю работу веб-стандартов, включив ваши стили
AMP не будет проверяться с помощью внешней ссылки на таблицу стилей, поэтому вы должны включить ваш стиль в использование атрибута amp-custom в вашем контейнере стилей:
<style amp-custom> body {width: auto; поле: 0; отступы: 0; } </ style>
Обновите ваши ссылки «img» на «amp-img»
Наша ссылка на «dress1.jpg» нуждается в небольшом обновлении:
<amp-img src = "dress1.jpg" layout = "Отзывчивый" width = "266" height = "150">
Для проверки AMP необходимо указать ширину и высоту файла изображения (это самая большая ошибка проверки, с которой я столкнулся в нашем контенте). С учетом ширины и высоты вы уменьшаете «перекомпоновку DOM» и, следовательно, сокращаете время рендеринга страницы. Атрибут layout = ”responseive” позволяет системе макетов AMP позиционировать и масштабировать элемент , зная его соотношение сторон .
Canonicalisation
Следующее, что нужно сделать, - это правильно отсортировать канонический код, чтобы ваша SEO-видимость не пострадала. Вы объявляете каноническое на странице AMP эквивалентной HTML-странице и добавляете ссылку rel = ”amphtml” в заголовок HTML-страницы.
Добавьте это к вашей странице AMP:
<link rel = "canonical" href = "/ original-html-page /">
И это в оригинальной версии HTML:
<link rel = "amphtml" href = "/ amp-page /">
В какой-то момент кто-то поймет, что AMP добавляет немного сложности международным сайтам, использующим hreflang. Мы оставим это в другой раз.
Добавить видовой экран
Я думаю, что почти все так или иначе делают это, но на всякий случай объявите ширину области просмотра следующим образом. AMP требует определения ширины и минимального масштаба:
<meta name = "viewport" content = "width = device-width, минимальный масштаб = 1, начальный масштаб = 1">
Наконец, добавьте стандартный код AMP
Шаблон AMP делает полезные вещи, такие как предотвращение появления содержимого страницы, которое еще не стилизовано. Как Google ставит это ; «Это гарантирует, что пользовательский опыт будет действительно мгновенным, так как содержимое страницы появляется сразу, а все, что выше сгиба, отображается вместе». Верно.
<style amp -ilerplate> body {-webkit-animation: -amp-start 8s шаги (1, конец) 0s 1 нормальный оба; -moz-animation: -amp-start 8s шаги (1, конец) 0s 1 нормальный оба; -ms-animation: -amp-start 8s шагов (1, конец) 0s 1 нормальный оба; анимация: -amp-start 8s шагов (1, конец) 0s 1 нормальный оба} @ - webkit-keyframes -amp-start {from {видимость: скрытый} в {видимость: видимый}} @ - moz-keyframes -amp-start {из {видимость: скрытый} в {видимость: видимый}} @ - ms-ключевые кадры -amp-start {из {видимость: скрытый } до {visibility: visible}} @ - o-keyframes -amp-start {от {visibility: hidden} до {visibility: visible}} @ keyframes -amp-start {от {visibility: hidden} до {visibility: visible} } </ style> </ pre> <noscript> <style amp -ilerplate> body {-webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none} </ style> " title = "<style>" /> <p> </ noscript> </ p>
Добавить Schema.org
Наконец, вам нужно добавить некоторые структурированные данные на страницу. Аарон Брэдли подробно пишет об использовании схемы с AMP на SEOskeptic. Для начинающих на Schema и JSON-LD взгляните на наш гид здесь ,
Вместо использования схемы вы можете использовать Твиттер-карта , Посмотрите на этот пример просмотрев источник, чтобы увидеть, как он работает.
Вот и все, вы сделали
Надеюсь, этого будет достаточно, чтобы вы начали работать с действительными, дружественными к SEO страницам AMP. Для меня AMP все еще находится в очень неопределенном месте. Это новая передовая технология, которая, несомненно, будет осмеяна внутренней технической командой вашей компании. Хитрость в реализации, на мой взгляд, состоит в том, чтобы найти решение, столь же легкое в ресурсах разработки, как и в коде. Удачи с этим.
Вот последний, действительный шаблон:
<! doctype html> <html ⚡ lang = "en"> <head> <meta charset = "utf-8" /> <title> Новостная статья </ title> <link rel = "canonical" href = "/ original- html-page / "> <meta name =" viewport "content =" ширина = ширина устройства, минимальный масштаб = 1, начальный масштаб = 1 "> <style amp-custom> body {width: auto; поле: 0; отступы: 0; } </ style> <script async src = "https://cdn.ampproject.org/v0.js"> </ script> <style amp -ilerplate> body {-webkit-animation: -amp-start 8s шаги ( 1, конец) 0s 1 нормальный оба; -moz-animation: -amp-start 8s шаги (1, конец) 0s 1 нормальный оба; -ms-animation: -amp-start 8s шаги (1, конец) 0s 1 нормальный оба ; animation: -amp-start 8s шагов (1, конец) 0s 1 нормальный оба} @ - webkit-keyframes -amp-start {от {visibility: hidden} до {visibility: visible}} @ - moz-keyframes -amp- start {от {visibility: hidden} до {visibility: visible}} @ - ms-keyframes -amp-start {от {visibility: hidden} до {visibility: visible}} @ - o-keyframes -amp-start {от { visibility: hidden} в {visibility: visible}} @ keyframes -amp-start {из {visibility: hidden} в {visibility: visible}} </ style> <noscript> <style amp -ilerplate> body {-webkit-animation : нет; -moz-animation: нет; -ms-animation: нет; анимация: отсутствует} </ style> </ noscript> </ head> <body> <header> Страница категории вашего розничного сайта </ header> <article > <h1> Черные платья </ h1> <p> Просмотрите наш ассортимент черных платьев </ p> </ article> <amp-img src = "dress1.jpg" layout = "отзывчивый" width = "266" height = "150"> </ body> </ html>
Похожие
SEO копирайтинг: что это такое?Прежде чем дать определение SEO копирайтинга, стоит вспомнить, что такое SEO вообще. SEO - Search Engine Optimization - это комплекс мероприятий по внутренней и зовнишньох оптимизации сайта с целью продвижения сайта в поисковых системах. SEO Chrome SEO
Сегодня для любой компании, которая хочет расти на рынке, важно иметь хорошие позиции в Интернете. Многие корпорации вкладывают средства в SEO-действия, что означает поисковую оптимизацию, с целью улучшить свою позицию в основных поисковых системах и получить больше кликов. Существует целый ряд показателей SEO, которые помогут вам определить, что нужно улучшить или изменить на сайте, чтобы он лучше позиционировался в поисковых системах. Joomla SEO
... ваши клиенты не покидали вашу страницу напрямую, если они вводят неправильно, что нехорошо с точки зрения поисковой оптимизации. Помимо sh404SEF есть несколько других плагинов, которые помогут вам в работе SEO. Тем не менее, плагины обеспечивают только ту основу, с которой вы можете добиться успеха в поисковых системах. Фактическая работа - это настройка и обработка плагинов и функций самого Joomla. Если вам нужна профессиональная помощь, тогда наш Joomla SEO как раз для вас. Если вы SEO код | SEO методы | SEO стратегия | Пилот Рыба
... начение для любой программы SEO. Наш SEO-код соответствует стандартам W3C и использует надлежащие основы CSS, Java и HTML, включая: Заголовки страниц Теги заголовка (H1, H2 и т. Д.) Мета описания / ключевые слова Связывание изображений с использованием тэгов ALT Текстовые Как использовать Majestic SEO?
... известный сейчас как Majestic, является инструментом SEO в арсенале многих SEO-специалистов. после конец PageRank SEO индустрия обратилась к своим показателям, чтобы судить о важности сайта. По приглашению SEO CAMP'us Николя Нгуен (соучредитель Reputation VIP) поделился во время своей презентации некоторыми советами и приемами использования этого инструмента. Как блоги помогают SEO?
Действительно ли ведение блога действительно помогает поисковой оптимизации (SEO)? Ваша цифровая маркетинговая команда продолжает побуждать вас писать посты в блогах, но как блоггинг помогает SEO? Публикация постов в блоге помогает SEO, потому что это один из лучших способов постоянного добавления свежего, полезного и содержательного контента на ваш сайт. Что такое SEO и как оно работает? [Вот ответ]
Хотите знать, что такое SEO и как оно работает? Мы сделали это простое руководство по SEO для вас. Один из самых больших вопросов, которые мы получаем от наших клиентов здесь, в маркетинге LYFE, - что такое SEO и как оно работает? Для компаний, которые только начинают создавать свой веб-сайт или проходят редизайн сайта, поисковая оптимизация или SEO могут показаться немного пугающими. Но так не должно быть. Даже если у вас нет опытного штатного сотрудника по SEO, Как Быстро Поддержать Ваши Результаты SEO Органически
SEO Starter Kit: как стать фрилансером SEO
... надеетесь стать таковым); или если вы хотите обновить свои навыки, чтобы включить SEO (что, кстати, является одним из самых прибыльных онлайн-бизнесов), то это ВАША электронная книга"> Если вы фрилансер (или надеетесь стать таковым); или если вы хотите обновить свои навыки, чтобы включить SEO (что, кстати, является одним из самых прибыльных онлайн-бизнесов), то это ВАША электронная книга! SEO Starter Kit: Помогает вам понять реальную сделку с SEO, SEO
... инг персонала является одной из лучших фирм, которые стремятся предоставлять услуги SEO и SMO, используя наших квалифицированных специалистов по SEO аутсорсингу. Наблюдайте за ростом трафика, когда вы получаете органические методы, настроенные для вашего веб-сайта. С помощью наших представителей по SEO аутсорсингу мы поможем вам достичь вершин результатов. SEO консалтинг
Группа Softfobia с более чем 40 сотрудниками охватывает все этапы разработки веб-сайта: создание, дизайн, графика и оптимизация. Мы предлагаем индивидуальные CMS и программные продукты высшего уровня. Но наша работа не ограничивается размещением в сети. Мы гарантируем нашим клиентам полную стратегию, которая включает в себя лучшее позиционирование в поисковых системах и лучшую видимость благодаря нашим навыкам SEO . Поисковая
Комментарии
Что если вы пройдете весь путь и просто удалите все внешние ссылки?Что если вы пройдете весь путь и просто удалите все внешние ссылки? Вы можете, но скорее всего, это скорее навредит вам, чем поможет вам. Три причины почему: Это неестественная скульптура ссылок. Это одно из «общепринятых» штрафов Google, которые они могут применить практически ко всему, что им не нравится. У них очень большой размер выборки - в основном весь Интернет - поэтому они знают, как выглядит естественный профиль ссылки, и знают, какие действия могут Но как вы улучшаете свой рейтинг в Google, когда все и их бабушка утверждают, что имеют секреты отличного SEO (и отличного SEO для свадебных фотографов)?
Но как вы улучшаете свой рейтинг в Google, когда все и их бабушка утверждают, что имеют секреты отличного SEO (и отличного SEO для свадебных фотографов)? Правда в том, что поисковая оптимизация - это не дым и зеркала, а алгоритмы и лучшие практики. Как деловой человек, все, что вам действительно нужно знать, это как играть вместе. Хотите создать успешный бизнес в сфере фотографии? Твердое развитие Если вы еще не заявили о своей компании, все, что вам нужно сделать, - это найти соответствующую страницу Google, а затем нажать ссылку «Приобретать эту компанию?
Если вы еще не заявили о своей компании, все, что вам нужно сделать, - это найти соответствующую страницу Google, а затем нажать ссылку «Приобретать эту компанию?», Как показано ниже. Это приведет вас к процессу подачи заявки, который вам необходимо будет выполнить, чтобы улучшить местный SEO. После завершения отметка «Проверено» должна отображаться рядом с названием вашей компании, когда вы вошли в свою панель управления бизнесом. И если вы посмотрите снова, вы увидите, что тысячи страниц и веб-сайтов говорят об этом контенте, но только 10 появляются на первой странице, и означает ли это что?
И если вы посмотрите снова, вы увидите, что тысячи страниц и веб-сайтов говорят об этом контенте, но только 10 появляются на первой странице, и означает ли это что? Это означает, что вы должны быть лучше, чем 500, 1000, 5 000 000 сайтов и быть в топ-10, потому что никто не заходит на вторую страницу Google. Из-за этого работа SEO - это постоянная работа, которая требует значительных и средних результатов для достижения значимых результатов. (3, 6, 12 месяцев). Вот Самир Хусни: Я знаю, что вы очень занятой человек, но когда вы расслабляетесь или получаете «свое время» и на секунду забываете «Естественно», с каким журналом вам нравится проводить время?
Самир Хусни: Я знаю, что вы очень занятой человек, но когда вы расслабляетесь или получаете «свое время» и на секунду забываете «Естественно», с каким журналом вам нравится проводить время? Дэнни Сео: Я действительно люблю так много журналов. Мой самый любимый журнал, и его почти невозможно найти в Соединенных Штатах, это Хайме. Это блестящий журнал. Мы только что вернулись из Ирландии, где мы сделали фотосессию, и я фактически пошел в книжный магазин и выкупил номера Например, «SEO совет: как SEO-эксперты могут использовать SEO для достижения SEO Nirvana в пространстве SEO?
Например, «SEO совет: как SEO-эксперты могут использовать SEO для достижения SEO Nirvana в пространстве SEO? Ответ: мощный SEO! » Чарли Уайт - старший редактор, Mashable и соавтор Bloggers Boot Camp @Charlie_White. Помимо того, чтобы знать, сколько людей на самом деле посещают ваш сайт - что бы вы сказали о двух самых важных вещах, которые нужно знать о ваших посетителях?
Помимо того, чтобы знать, сколько людей на самом деле посещают ваш сайт - что бы вы сказали о двух самых важных вещах, которые нужно знать о ваших посетителях? На мой взгляд это 1) источник визита: Они пришли через поисковик? Если да, то из какого ключевого слова? Они пришли из рекламы? Если да, то какой? где это было? Они пришли из блога? Они пришли через социальную сеть? и 2) куда они делись, когда были на сайте? В частности, Они используют такие заявления, как «гарантия ранга», но не думаете ли вы, что абсолютно нелепо, что кто-то, кто «взломал» код Google, продаст свои знания за 5-10 долларов?
Они используют такие заявления, как «гарантия ранга», но не думаете ли вы, что абсолютно нелепо, что кто-то, кто «взломал» код Google, продаст свои знания за 5-10 долларов? Это просто не имеет смысла. Единственное, что имеет смысл - это создать веб-сайт, который люди действительно хотят видеть и возвращаться. Это не легко, и это занимает много времени. Черт, может быть, это займет 2 года. Но если потребуется два года, чтобы создать задиристый сайт, который разрушит вашу конкуренцию Хотите знать, как Google может объявить, что они обесценивают сайты со ссылками на спам, а не наказывать их вручную?
Хотите знать, как Google может объявить, что они обесценивают сайты со ссылками на спам, а не наказывать их вручную? Это стало возможным благодаря машинам, которые могут учиться и применять девальвации на невероятных скоростях с гораздо меньшими ложными срабатываниями. Добавьте к этому, машины могут также понимать качество контента и актуальность страницы и дополнять это понимание в уравнении как индивидуально, так и массово. Машина, которая может спросить Итак, как вы можете написать SEO дружественный контент, который может порадовать как ваших читателей, так и поисковых систем?
Итак, как вы можете написать SEO дружественный контент, который может порадовать как ваших читателей, так и поисковых систем? Продолжайте читать, чтобы узнать мои лучшие советы. Написание контента Проведите исследование Кому вы доверяете больше всего - близкому другу, которому вы доверяете, или тому, кого вы только что встретили?
Кому вы доверяете больше всего - близкому другу, которому вы доверяете, или тому, кого вы только что встретили? Это не сложно - близкий друг, которому ты доверяешь. Ваш друг на протяжении многих лет и бесед с вами показал вам, что он / она заслуживает доверия. Таким образом, вы взвешиваете рекомендацию вашего друга о ресторане A выше, чем рекомендации 10 незнакомцев для ресторана B. Потому что речь идет о доверии. Выглядит немного похожим, когда дело доходит до построения
Как eBay делает это?
Как блоги помогают SEO?
Действительно ли ведение блога действительно помогает поисковой оптимизации (SEO)?
Ваша цифровая маркетинговая команда продолжает побуждать вас писать посты в блогах, но как блоггинг помогает SEO?
Что такое SEO и как оно работает?
Один из самых больших вопросов, которые мы получаем от наших клиентов здесь, в маркетинге LYFE, - что такое SEO и как оно работает?
Что если вы пройдете весь путь и просто удалите все внешние ссылки?
Но как вы улучшаете свой рейтинг в Google, когда все и их бабушка утверждают, что имеют секреты отличного SEO (и отличного SEO для свадебных фотографов)?
Хотите создать успешный бизнес в сфере фотографии?
Если вы еще не заявили о своей компании, все, что вам нужно сделать, - это найти соответствующую страницу Google, а затем нажать ссылку «Приобретать эту компанию?
