Попросите #SMXpert — JavaScript & PWAs — Магазин

//Попросите #SMXpert — JavaScript & PWAs — Магазин

Попросите #SMXpert — JavaScript & PWAs — Магазин

#SMXpert Max Prin отвечает на вопросы об использовании JavaScript и PWA для создания гибких, быстрых и функциональных приложений для мобильных и настольных устройств.

Запрос серии #SMXpert продолжает вопрос (Q & A), который проводился во время сессий в Search Marketing Expo (SMX) на западе 2018 года.

Сегодняшние вопросы и ответы взяты из JavaScript и PWA: какие SEO должны знать сеанс с Max Prin, с введением от модератора Барри Шварца.

Барри Шварц

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

В следующих вопросах и ответах Max Prin обсуждает, что может возникнуть во время разработки и как использовать технологии для создания более богатого пользовательского интерфейса и не препятствовать поисковому трафику.

Макс. Prin

Папка слайдов: JavaScript и прогрессивные веб-приложения (PWA)

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

Макс: я бы начал здесь для введения в PWA и общего понимания их.

Уровень усилий будет зависеть от состояния текущего веб-сайта. Веб-сайт, уже работающий на JavaScript (т. Е. Построенный на основе JavaScript, такой как Angular или React), является хорошим кандидатом для превращения в прогрессивное веб-приложение, поскольку оно уже является веб-приложением.

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

Например, для простого блога WordPress может потребоваться полная редизайн (новая база кода, вдали от WordPress), чтобы быть хорошей PWA.

Вопрос: Неужели PWA плохо влияют на ранжирование поиска?

Макс. Нет. PWA — это «просто» веб-сайты, и проблемы, с которыми может столкнуться веб-мастер, когда дело доходит до ранжирования поиска, — это то же, что и любой сайт на основе JavaScript, который может иметь: сканирование, рендеринг и, следовательно, индексацию.

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

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

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

Вопрос: Являются ли PWA отличным вариантом, если на нашем сайте всего несколько страниц? Сколько технического обслуживания потребуется нашим инженерам?

Max: Да, PWA — отличный вариант в большинстве случаев. Я бы сказал, что техническое обслуживание довольно низкое, когда все на месте, но, как всегда, оно «зависит». Небольшой сайт должен технически требовать меньшего обслуживания и мониторинга.

Вопрос: Если мы реализуем PWA, как мы увидим, что видит поисковая система? Мы можем просмотреть страницу с JavaScript и отключить каскадные таблицы стилей (CSS). Если вы используете PWA, будет ли это работать?

Макс. Если вы находитесь в промежуточной среде, вы не можете использовать выборку и рендеринг. (Подробнее об этом в следующем вопросе)

Google полностью отображает веб-страницы (например, выполняет JavaScript и CSS). Однако не все поисковые системы.

Извлечение и рендеринг в Консоли Google Search Console пока не предоставляет отображаемый код. Но теперь некоторые другие инструменты Google, а именно: тест с богатыми результатами и тест для мобильных устройств. Они позволяют вам «видеть, что видит Google».

Тем не менее, есть хорошая идея предварительно представить контент сайтов с поддержкой JavaScript для поисковых систем, включая Google.

Вопрос: Что касается поисковой системы, я думаю, что большинство инструментов требуют, чтобы страница была общедоступной. Что делать, если мы находимся в крупной корпоративной сетевой среде и за брандмауэром? Нужно ли нам что-то клиентское (расширение Chrome) и любые локальные параметры программного обеспечения?

Макс. Некоторые инструменты, такие как Screaming Frog SEO spider, работают локально (с IP-адреса компьютера), а некоторые другие инструменты позволяют включать базовые учетные данные для проверки подлинности HTTP, такие как инструмент Fetch & Render моей компании на TechnicalSEO.com .

Однако, если вы действительно хотите использовать инструменты Google, есть способ, как объясняется здесь Айменом Лукилом.

Вопрос: Если у меня есть PWA, будет ли мой рабочий стол по-прежнему повышать производительность веб-сайта?

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

Вопрос: Как вы думаете, какая ценность AMP для сайта электронной коммерции, который продает товары в Интернете?

Макс: Я думаю, что внедрение AMP — хорошая идея. Вы сможете воспользоваться мгновенной загрузкой из кеша Google AMP.

Структура AMP настолько развилась, что теперь можно создавать функциональные страницы электронной коммерции, такие как страницы с деталями, миниатюры, видеоролики, карусели, обзоры, дополнительные товары и т. д. Однако потенциальные выгоды может не стоить такого уровня усилий, особенно если команда разработчиков имеет другие приоритеты, которые фактически будут перемещать иглу. И снова это зависит, но если сайт уже находится в «хорошей форме SEO», это может быть интересный [и] полезный проект для работы.

Вопрос: Должны ли мы инвестировать в страницы PWA или AMP для загрузки более быстрых целевых страниц?

Макс. Действительный AMP, скорее всего, будет загружаться быстрее (особенно из кеша Google AMP), но любая страница вне рамок AMP может конкурировать с AMP.

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

У вас есть больше вопросов для наших SMXperts? Заполните эту форму, и мы запустим ваш вопрос (давая вам полный кредит для запроса) и ответы SMXpert в ближайшее время!

Хотите узнать более подробную техническую тактику SEO? Присоединяйтесь к нам в следующем месяце на нашей конференции SMX Advanced в Сиэтле, где лучшие отраслевые эксперты поделятся своими советами, тактикой и стратегией по этим темам и более:

  • Расширенный технический SEO: скорость страницы, миграция сайта, сканирование
  • Deep Dive: Новая поисковая консоль Google
  • Mobile-First & AMP для продвинутых SEO
  • Эффективность веб-сайта и дорожная карта AMP
  • Мнения, выраженные в этой статье, принадлежат авторам гостевой книги, а не обязательно MagazinSite. Здесь перечислены авторы работ.

    By | 2018-11-18T05:22:38+00:00 Ноябрь 18th, 2018|Categories: Новости|Tags: , , , |0 Comments

    Leave A Comment

    ОСТАВЬТЕ ЗАЯВКУ
    Перешедшим от других SEO-компаний приветственная скидка 40%
    Мы Вам перезвоним и подготовим лучшее предложение.
    1. Позвоним
    2. Проведем аналитику
    3. Разработаем прогноз
    4. Презентуем стратегию
    5. Подпишем договор
    6. Запустим проект
    Хотите купить квартиру?
    Обращайтесь и мы Вам поможем
    • Скорость решения вопроса
    • Ваш финансовый интерес
    • Качественное обслуживание
    • Всесторонняя забота о клиенте
    • Работаем на репутацию
    • Поддержка на всех этапах
    * we never share your e-mail with third parties.
    Do you want more traffic?
    Dignissim enim porta aliquam nisi pellentesque. Pulvinar rhoncus magnis turpis sit odio pid pulvinar mattis integer aliquam!
    • Goblinus globalus fantumo tubus dia montes
    • Scelerisque cursus dignissim lopatico vutario
    • Montes vutario lacus quis preambul den lacus
    • Leftomato denitro oculus softam lorum quis
    • Spiratio dodenus christmas gulleria tix digit
    • Dualo fitemus lacus quis preambul pat turtulis
    • Scelerisque cursus dignissim lopatico vutario
    • Montes vutario lacus quis preambul den lacus
    SUBSCRIBE TO OUR NEWSLETTER AND START INCREASING YOUR PROFITS NOW!
    * we never share your e-mail with third parties.
    ОСТАВЬТЕ ЗАЯВКУ
    6 шагов за 31 день для увеличения ваших продаж
    1. Анализируем спрос и предложение
    2. Выделяем тематические сегменты
    3. Создаем группы объявлений
    4. Следим за отдачей от объявления
    5. Корректируем рекламную кампанию
    6. Предоставляем подробные отчеты
    ОСТАВЬТЕ ЗАЯВКУ
    При заказе сайта магазин на Facebook бесплатно!
    И вы получите самый социальный инструмент для продаж.
    1. Проведем аналитику
    2. Подготовим контент
    3. Добавим продукты
    4. Произведем настройку
    5. Синхронизируем магазины
    6. Вам остается наслаждаться




    PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHA6Ly9tYWdhemluc2l0ZS5ydS93cC1jb250ZW50L3VwbG9hZHMvMjAxNy8wOS/QodC+0LfQtNCw0L3QuNC1LdGB0LDQudGC0LAt0LIt0JrQuNGI0LjQvdC10LLQtS3QnNC+0LvQtNC+0LLQsC5tcDQ/YXV0b3BsYXk9MSIgZnJhbWVib3JkZXI9IjAiIGFsbG93ZnVsbHNjcmVlbj48L2lmcmFtZT4=
    ЗАЧЕМ СОЗДАВАТЬ САЙТ
    • Goblinus globalus fantumo tubus dia montes
    • Scelerisque cursus dignissim lopatico vutario
    • Montes vutario lacus quis preambul den lacus
    • Leftomato denitro oculus softam lorum quis
    • Spiratio dodenus christmas gulleria tix digit
    • Dualo fitemus lacus quis preambul pat turtulis
    * we never share your e-mail with third parties.
    Do you want massive traffic?
    Dignissim enim porta aliquam nisi pellentesque. Pulvinar rhoncus magnis turpis sit odio pid pulvinar mattis integer aliquam!