Learn what are PWAs, what are their benefits, functionalities, how you can develop one, and the criteria and validation to take into consideration to optimize them from a search perspective.
What are progressive Web apps (PWAs) and how to optimize them for organic search results? In this session I'll share what they are, how to enable/develop them, how to validate them, and make sure they're SEO friendly, including tools and criteria.
PWA SEO: Optimizing for the Future of the WebAleyda Solís
What are PWAs and how you can optimize for them? In this presentation Aleyda goes through Progressive Web Apps fundamentals as well as best practices to make them SEO friendly.
What are progressive Web apps (PWAs) and how to optimize them for organic search results? In this session I'll share what they are, how to enable/develop them, how to validate them, and make sure they're SEO friendly, including tools and criteria.
PWA SEO: Optimizing for the Future of the WebAleyda Solís
What are PWAs and how you can optimize for them? In this presentation Aleyda goes through Progressive Web Apps fundamentals as well as best practices to make them SEO friendly.
How to Become a Successful Remote SEO Consultant #LisbonSEOMeetupAleyda Solís
In this presentation I go through the main challenges when becoming a remote based SEO professional, and how to overcome them when working as a consultant.
PWAs: Why you want one and how to optimize them #SearchYAleyda Solís
What are Progressive Web Apps, how do they work, how they will benefit your site and how you can optimize them? Get the answers to these questions here!
SEO in 2017 - How to Win & Maximize Results #CCDK17Aleyda Solís
Mobile First & AMP, Structured Data & SERP Features, HTTPS migration - Learn which are the SEO strategies that will allow you to maximize results in 2017.
Setting AMP for Success at #BrightonSEOAleyda Solís
How to implement Accelerated Mobile Pages (AMP) successfully? Check out the criteria, tools and principles to take into consideration to maximize your chances for success.
Moving URLs: Structural Web changes without losing rankings #SearchLoveAleyda Solís
From implementing AMP to moving to HTTPS or doing a rebrand, there are many scenarios in which we need to move our URLs: In this session I'll go through the most common scenarios sharing tips, steps, do's and dont's as well as tools.
Winning SEO in a Mobile First World #UngaggedAleyda Solís
How to make the most out of mobile search? From Google's mobile first index, to rich results, to AMP & PWAs... take a look at the possibilities, steps, criteria and tools to use.
Winning in a Mobile Search World #LearnInboundAleyda Solís
Search is now mobile driven: How can you optimize and maximize your site results with it? Here are criteria, guidelines and tools to use for a mobile-first SEO process.
Winning in a Mobile Search World #SearchStarsSEAleyda Solís
Learn how to win SEO in a mobile first search world: from technical validation, to content optimisation & AMP. Learn what you can do to maximize your results.
Mobile-First SEO: The SEO Specialist Edition #SEOandLoveAleyda Solís
How to refocus an SEO process to become mobile first? Check out the steps, criteria and tools that SEO specialists can use for a Mobile First SEO process.
The Remote SEO Do's & Dont's : How to keep effective SEO work while WFH #Bett...Aleyda Solís
How to keep effective SEO work while working from home? Take a look at actionable tips, tools and guidelines to take into consideration for successful remote work.
Establishing a Successful International Web Presence #InternationalSEO #SMX W...Aleyda Solís
How to establish a successful internationally targeted site? Take a look at the steps, criteria and tools that you can use to maximize the chances of success.
De l'application mobile à l'application web progressiveMacha DA COSTA
Avec l’avénement des téléphones intelligents, l’application mobile est devenu incontournable et indispensable à tous business. Nous verrons en quelques chiffres l’envers du décors de cette ruée vers l’or.
Publier une application mobile pour le Play Store, pour l’App Store d’Apple, pour le Windows Phone Store, etc. heureusement, il existe des solutions de développement mobile selon le type d’application souhaitée et les contraintes du projet. De l’application native à l’application multiplateforme, nous ferrons un tour d’horizon des technologies.
Nous nous attarderons sur l’application multiplateforme de type WebView avant d’envisager l’application web progressive. Un exemple concret d’implémentation sera mis en lumière (Application shell, Service workers, Manifest).
Avec une telle facilité de mise en oeuvre, quel est l’avenir du développement mobile ?
How to Become a Successful Remote SEO Consultant #LisbonSEOMeetupAleyda Solís
In this presentation I go through the main challenges when becoming a remote based SEO professional, and how to overcome them when working as a consultant.
PWAs: Why you want one and how to optimize them #SearchYAleyda Solís
What are Progressive Web Apps, how do they work, how they will benefit your site and how you can optimize them? Get the answers to these questions here!
SEO in 2017 - How to Win & Maximize Results #CCDK17Aleyda Solís
Mobile First & AMP, Structured Data & SERP Features, HTTPS migration - Learn which are the SEO strategies that will allow you to maximize results in 2017.
Setting AMP for Success at #BrightonSEOAleyda Solís
How to implement Accelerated Mobile Pages (AMP) successfully? Check out the criteria, tools and principles to take into consideration to maximize your chances for success.
Moving URLs: Structural Web changes without losing rankings #SearchLoveAleyda Solís
From implementing AMP to moving to HTTPS or doing a rebrand, there are many scenarios in which we need to move our URLs: In this session I'll go through the most common scenarios sharing tips, steps, do's and dont's as well as tools.
Winning SEO in a Mobile First World #UngaggedAleyda Solís
How to make the most out of mobile search? From Google's mobile first index, to rich results, to AMP & PWAs... take a look at the possibilities, steps, criteria and tools to use.
Winning in a Mobile Search World #LearnInboundAleyda Solís
Search is now mobile driven: How can you optimize and maximize your site results with it? Here are criteria, guidelines and tools to use for a mobile-first SEO process.
Winning in a Mobile Search World #SearchStarsSEAleyda Solís
Learn how to win SEO in a mobile first search world: from technical validation, to content optimisation & AMP. Learn what you can do to maximize your results.
Mobile-First SEO: The SEO Specialist Edition #SEOandLoveAleyda Solís
How to refocus an SEO process to become mobile first? Check out the steps, criteria and tools that SEO specialists can use for a Mobile First SEO process.
The Remote SEO Do's & Dont's : How to keep effective SEO work while WFH #Bett...Aleyda Solís
How to keep effective SEO work while working from home? Take a look at actionable tips, tools and guidelines to take into consideration for successful remote work.
Establishing a Successful International Web Presence #InternationalSEO #SMX W...Aleyda Solís
How to establish a successful internationally targeted site? Take a look at the steps, criteria and tools that you can use to maximize the chances of success.
De l'application mobile à l'application web progressiveMacha DA COSTA
Avec l’avénement des téléphones intelligents, l’application mobile est devenu incontournable et indispensable à tous business. Nous verrons en quelques chiffres l’envers du décors de cette ruée vers l’or.
Publier une application mobile pour le Play Store, pour l’App Store d’Apple, pour le Windows Phone Store, etc. heureusement, il existe des solutions de développement mobile selon le type d’application souhaitée et les contraintes du projet. De l’application native à l’application multiplateforme, nous ferrons un tour d’horizon des technologies.
Nous nous attarderons sur l’application multiplateforme de type WebView avant d’envisager l’application web progressive. Un exemple concret d’implémentation sera mis en lumière (Application shell, Service workers, Manifest).
Avec une telle facilité de mise en oeuvre, quel est l’avenir du développement mobile ?
Why progressive web apps for word press wc-ahemdabadImran Sayed
Progressive Web App is a hot topic on the web right now.
As per recent studies ( Comscore ), users spend more time ( 87% ) on the native app compared to the mobile web because native apps are more predictable, they work offline, show notifications and have access to mobile sensors.
However, 78% of the time is spent in the user’s top 3 apps, and the rest of the apps just sit there and eat up the memory.
Mobile web, on the other hand, has a better reach ( 100 visits/ month for an average user ) but does not does have a native-like experience.
Through this slide you will learn, how we can combine the capabilities of native apps and the reach of the web, to get the best of both worlds, using Progressive Web Apps with WordPress.
According to skilled.co 47% of customers expect a webpage to load in 2 seconds or less before they consider leaving.
This means low speed kills and we need an app that is performant.
You will learn about my experiences in building a Progressive Web App with WordPress, that earns a place on the user’s home screen, works offline, sync in the background and bring the user back with push notification.
A few lessons and tips will be shared for anyone who wants to build a new Progressive Web App with WordPress or convert their existing WordPress site into a PWA and give their users a fast, reliable and engaging experience.
Alan Semenov, Development Lead at Enonic discusses progressive web aps and understanding the value from a business perspective on top of a dev perspective
SearchLove San Diego 2017 | Emily Grossman | The New MobileDistilled
How has mobile marketing changed in the past year and how should your business react to best prepare for 2017 and beyond? Emily will discuss the what future holds for mobile optimization and how to rise above the rest of the pack in a mobile-first world.
Optimize your accelerated mobile pages to maximize their mobile search visibility while minimizing implementation issues: Check out this presentation for criteria, tools and process to be followed.
Presented at Web Directions Code, Melbourne
If you have a website—particularly one that generates revenue for your organization—you need a Progressive Web App. So where do you begin? How do you decide which features of a Progressive Web App make sense for your users? What tools can make the process easier (or harder)? In this practical session, Jason will guide you through the key design decisions you’ll need to make about your Progressive Web App and how those decisions impact the scope of your project. He'll also teach you how to avoid common pitfalls and help you take full advantage of Progressive Web App technology.
Mobile-First SEO - The Marketers Edition #3XEDigitalAleyda Solís
How to target your SEO process to a reality of more people searching on mobile devices than desktop and an upcoming mobile first Google index? Check it out.
Beyond Squishy: The Principles of Adaptive DesignBrad Frost
Responsive web design has hit the scene like a bomb, and now designers everywhere are showing off to their bosses and peers by resizing their browser windows. "Look! The site is squishy!"
While creating flexible layouts is important, there's a whole lot more that goes into truly exceptional adaptive web experiences. This session will introduce the Principles of Adaptive Design: ubiquity, flexibility, performance, enhancement and future-friendliness. We need go beyond media queries in order to preserve the web's ubiquity and move it in a future-friendly direction.
PWA Development Guide_ Creating Progressive Web Apps.pdfLucas Lagone
Learn about Progressive Web Apps (PWAs) with real-time examples, checklists, and development frameworks in 2023. Discover the benefits and factors influencing PWA development costs.
Read More: https://www.nevinainfotech.com/blog/progressive-web-apps-guide/
Progressive Web App is a hot topic on the web right now.
As per recent studies ( Comscore ), users spend more time ( 87% ) on the native app compared to the mobile web because native apps are more predictable, they work offline, show notifications and have access to mobile sensors.
However, 78% of the time is spent in the user’s top 3 apps, and the rest of the apps just sit there and eat up the memory.
Mobile web, on the other hand, has a better reach ( 100 visits/ month for an average user ) but does not does have a native-like experience.
In this talk you will learn, how we can combine the capabilities of native apps and the reach of the web, to get the best of both worlds, using Progressive Web Apps with WordPress.
This Slide Deck Was used on my Masterclass abut PWA in my Masterclass about PWA and Web Standards. Thia was an introduction to PWA and his basic stone Path.
Similar to Progressive Web Apps: Why you want one & how to optimize them #SMSSYD19 (20)
Hreflang: Is it really still necessary and how to use it successfully in 2023Aleyda Solís
Learn if hreflang annotations are still necessary in Intenational SEO projects in 2023, in which scenarios and how to effectively implement it while minimizing issues and maximizing success and impact.
How to Make SEO Audits That Matter & Get Implemented for SEO Success - The Ex...Aleyda Solís
Maximize cost-effective SEO implementation and achieve SEO success with SEO audits that get implemented:
* Make your SEO audits solutions focused to develop action driven recommendations
* Prioritize your SEO recommendations based on impact and effort, with SEO low-hanging fruits
* Establish ongoing actions to prevent new SEO issues & leverage opportunities during the process
* Connect each of your SEO recommendations to SMARTER SEO goals
* Format SEO recommendations to facilitate actionability and collaboration
* Develop frequent recommendations reviews & tests to keep them relevant and impactful
Aprende a crear informes SEO que te permitan alcanzar el éxito siguiendo 3 principios para elegir KPIs relevantes, presentar tus datos de forma clara y efectiva y aprovechar principios de narración de los datos para generar el impacto que deseas para alcanzar los objetivos establecidos en el proceso.
Cómo Gestionar Proyectos SEO Complejos de Forma Exitosa #SEonthebeachAleyda Solís
Aprende a gestionar proyectos SEO complejos de forma exitosa siguiendo principios de gestión de proyectos:
1. Influenciando para obtener apoyo a actividades SEO
2. Rapidez y agilidad para ejecutar y aprovechar oportunidades
3. Ejecutando de forma efectiva y consistente para construir en vez de cazar errores
Learn how to communicate SEO and influence with decision makers leveraging clear data presentation, using relevant KPIs and following story telling principles with your SEO reports.
No More "It Depends" - Learn to Set your Visual SEO Resources #LondonSEOMeetu...Aleyda Solís
Answering with "it depends" to the SEO questions we get doesn't help to gain trust and make things happen! The solution? Learn to create your #VisualSEO assets to explain processes, workflows and help to set systems!
SEO low hanging Fruit - Identifying High Impact Opportunities Fast #SEOforUkr...Aleyda Solís
Learn how to identify high-impact SEO opportunities in your SEO Process fast, going through common scenarios that you can use to maximize your SEO results.
Identificando Búsquedas que Conviertan en tu Customer JourneyAleyda Solís
Aprender a desarrollar estudios de palabras clave enfocados a identificar términos que conviertan para el éxito de tu proceso SEO y alcance de objetivos a nivel de conversión.
SEO Reporting to Impress: How to Successfully Report your SEO Efforts & Resul...Aleyda Solís
Learn how to develop successful SEO reports to deliver to stakeholders and decision makers that effectively communicate the SEO process goals and influence actions.
Identifying Top Converting Queries at Every Stage of the Customer Journey #SM...Aleyda Solís
How to develop a keyword research to identify queries that will convert at every stage of the customer journey and you can target in your SEO process? Take a look at this presentation with steps, criteria and tools.
SEO Low hanging Fruit: Identifying SEO Opportunities to Achieve Results Fast ...Aleyda Solís
How can you achieve results in your SEO process without having to wait for months? In this presentation I go through criteria to use to identify quick win opportunities!
The Good the Bad and The Ugly of Marketing MeasurementNapierPR
We explore how B2B marketers can impress the board by measuring their PR and marketing campaigns successfully, and explore 5 metrics that will get you promoted, and 3 that will get your fired.
We cover:
-Meaningless marketing metrics
-The difference between attribution and incrementality
-The importance of the customer journey
-Why you should care about prospects that are in market
-Measuring the unmeasurable
Videos are more engaging, more memorable, and more popular than any other type of content out there. That’s why it’s estimated that 82% of consumer traffic will come from videos by 2025.
And with videos evolving from landscape to portrait and experts promoting shorter clips, one thing remains constant – our brains LOVE videos.
So is there science behind what makes people absolutely irresistible on camera?
The answer: definitely yes.
In this jam-packed session with Stephanie Garcia, you’ll get your hands on a steal-worthy guide that uncovers the art and science to being irresistible on camera. From body language to words that convert, she’ll show you how to captivate on command so that viewers are excited and ready to take action.
In today's digital world, customers are just a click away. "Grow Your Business Online: Introduction to Digital Marketing" dives into the exciting world of digital marketing, equipping you with the tools and strategies to reach new audiences, expand your reach, and ultimately grow your business.
website = https://digitaldiscovery.institute/
address = C 210 A Industrial Area, Phase 8B, Sahibzada Ajit Singh Nagar, Punjab 140308
Mastering Local SEO for Service Businesses in the AI Era is tailored specifically for local service providers like plumbers, dentists, and others seeking to dominate their local search landscape. This session delves into leveraging AI advancements to enhance your online visibility and search rankings through the Content Factory model, designed for creating high-impact, SEO-driven content. Discover the Dollar-a-Day advertising strategy, a cost-effective approach to boost your local SEO efforts and attract more customers with minimal investment. Gain practical insights on optimizing your online presence to meet the specific needs of local service seekers, ensuring your business not only appears but stands out in local searches. This concise, action-oriented workshop is your roadmap to navigating the complexities of digital marketing in the AI age, driving more leads, conversions, and ultimately, success for your local service business.
Key Takeaways:
Embrace AI for Local SEO: Learn to harness the power of AI technologies to optimize your website and content for local search. Understand the pivotal role AI plays in analyzing search trends and consumer behavior, enabling you to tailor your SEO strategies to meet the specific demands of your target local audience. Leverage the Content Factory Model: Discover the step-by-step process of creating SEO-optimized content at scale. This approach ensures a steady stream of high-quality content that engages local customers and boosts your search rankings. Get an action guide on implementing this model, complete with templates and scheduling strategies to maintain a consistent online presence. Maximize ROI with Dollar-a-Day Advertising: Dive into the cost-effective Dollar-a-Day advertising strategy that amplifies your visibility in local searches without breaking the bank. Learn how to strategically allocate your budget across platforms to target potential local customers effectively. The session includes an action guide on setting up, monitoring, and optimizing your ad campaigns to ensure maximum impact with minimal investment.
The Forgotten Secret Weapon of Digital Marketing: Email
Digital marketing is a rapidly changing, ever evolving industry--Influencers, Threads, X, AI, etc. But one of the most effective digital marketing tools is also one of the oldest: Email. Find out from two Houston-based digital experts how to maximize your results from email.
Key Takeaways:
Email has the best ROI of any digital tactic
It can be used at any stage of the customer journey
It is increasingly important as the cookie-less future gets closer and closer
Exploring the Top Digital Marketing Company in CanadaSolomo Media
Choosing Solomo Media as your digital marketing company in Canada can propel your business to new heights. With their expertise, innovative solutions, and client-centric approach, they are well-equipped to help you achieve your digital marketing goals. By focusing on strategic planning, leveraging cutting-edge tools, and delivering measurable results, Solomo Media proves to be a valuable partner in navigating the complex world of digital marketing.
Dive deep into the cutting-edge strategies we're employing to revolutionize our web presence in the age of AI-driven search. As Gen Z reshapes the digital realm, discover how we can bridge the generational divide. Unlock the synergistic power of PPC, social media, and SEO, driving unparalleled revenues for our projects.
SEO as the Backbone of Digital MarketingFelipe Bazon
In this talk Felipe Bazon will share how him and his team at Hedgehog Digital share our journey of making C-Levels alike, specially CMOS realize that SEO is the backbone of digital marketing by showing how SEO can contribute to brand awareness, reputation and authority and above all how to use SEO to create more robust global marketing strategies.
What is digital marketing And why is it used?125albina
Digital marketing refers to the use of digital channels, platforms, and technologies to promote products, services, or brands to a target audience. It encompasses a wide range of activities, including search engine optimization (SEO), social media marketing, email marketing, content marketing, pay-per-click (PPC) advertising, and more. The primary goal of digital marketing is to connect with potential customers where they spend much of their time: online. My Website: https://dev-topdigitalmarketingagency.pantheonsite.io/
Elevate your trade show game with our comprehensive guide on creating an interactive booth that captures attention and drives engagement! In this presentation, Blue Atlas Marketing shares practical tips and creative strategies to transform your trade show presence. Learn how to use digital displays, interactive demos, and engaging activities to attract visitors and make lasting impressions. Whether you're a trade show veteran or a newcomer, these insights will help you stand out from the crowd and maximize your event success. Dive into our slides to discover how to turn your booth into a dynamic and interactive experience!
Digital Marketing Training In BangaloreHoney385968
https://nidmindia.com/
Landing page optimization is the strategic process of methodically enhancing the various elements and components of a web page with the primary goal of increasing its effectiveness at converting visitors into leads or customers.
As the call for for skilled experts continues to develop, investing in quality education and education from a reputable https://www.safalta.com/online-digital-marketing/best-digital-marketing-institute-in-noida Digital advertising institute in Noida can lead to a a success career on this eve
Come learn how YOU can Animate and Illuminate the World with Generative AI's Explosive Power. Come sit in the driver's seat and learn to harness this great technology.
Most small businesses struggle to see marketing results. In this session, we will eliminate any confusion about what to do next, solving your marketing problems so your business can thrive. You’ll learn how to create a foundational marketing OS (operating system) based on neuroscience and backed by real-world results. You’ll be taught how to develop deep customer connections, and how to have your CRM dynamically segment and sell at any stage in the customer’s journey. By the end of the session, you’ll remove confusion and chaos and replace it with clarity and confidence for long-term marketing success.
Key Takeaways:
• Uncover the power of a foundational marketing system that dynamically communicates with prospects and customers on autopilot.
• Harness neuroscience and Tribal Alignment to transform your communication strategies, turning potential clients into fans and those fans into loyal customers.
• Discover the art of automated segmentation, pinpointing your most lucrative customers and identifying the optimal moments for successful conversions.
• Streamline your business with a content production plan that eliminates guesswork, wasted time, and money.
19. #pwaseo by @aleyda from #orainti at #smssyd19
Realistically,
we only use
1/3 of the
apps we
install
20. #pwaseo by @aleyda from #orainti at #smssyd19
Yeah.
It’s
broken.
#pwaseo by @aleyda from #orainti at #smssyd19
21. #pwaseo by @aleyda from #orainti at #smssyd19
There’s a gap to close between
mobile Webs vs. apps
https://www.slideshare.net/greenido/from-amp-to-pwa
22. #pwaseo by @aleyda from #orainti at #smssyd19
This gap is closed by PWAs
#pwaseo by @aleyda from #orainti at #smssyd19
23. #pwaseo by @aleyda from #orainti at #smssyd19
A Progressive Web App (PWA) is a
web app that provides a native app
experience to Web users.
24. #pwaseo by @aleyda from #orainti at #smssyd19
PWAs provide the benefits of an
app without abandoning the Web
https://developers.google.com/web/progressive-web-apps/
25. #pwaseo by @aleyda from #orainti at #smssyd19https://www.smashingmagazine.com/2016/08/a-beginners-guide-to-progressive-web-apps/
Through their
main
functionalities
https://www.appypie.com/progressive-web-apps-the-future-of-mobile-web-app-development
26. #pwaseo by @aleyda from #orainti at #smssyd19https://www.onenorth.com/blog/post/whats-next-in-mobile-progressive-web-apps
Closing the gap between the
Websites and apps
27. #pwaseo by @aleyda from #orainti at #smssyd19https://dzone.com/articles/pwa-technology
This is possible thanks to
the use of 4 technologies
28. #pwaseo by @aleyda from #orainti at #smssyd19https://twitter.com/firt/status/1105840379117662209
All modern
browsers
now support
PWAs
29. #pwaseo by @aleyda from #orainti at #smssyd19
Not only on mobile but also on
desktop
https://developers.google.com/web/progressive-web-apps/desktop
30. #pwaseo by @aleyda from #orainti at #smssyd19
Which is why many top mobile
focused services have released PWAs
https://appsco.pe/
34. #pwaseo by @aleyda from #orainti at #smssyd19
You can add them to your home screen
35. #pwaseo by @aleyda from #orainti at #smssyd19
“The Web is going to be
the new app store”
36. #pwaseo by @aleyda from #orainti at #smssyd19
In fact, you can
actually now
also feature
PWAs in App
Stores too
https://medium.com/@firt/google-play-store-now-open-for-progressive-web-apps-ec6f3c6ff3cc
37. #pwaseo by @aleyda from #orainti at #smssyd19https://medium.freecodecamp.org/i-built-a-pwa-and-published-it-in-3-app-stores-heres-what-i-learned-7cb3f56daf9b
Although it
does require
a bit of
more work
38. #pwaseo by @aleyda from #orainti at #smssyd19https://www.awwwards.com/PWA-ebook/
“PWAs are a natural evolution of
how we distribute and consume
software”
PWA Ebook by Microsoft & Google
39. #pwaseo by @aleyda from #orainti at #smssyd19https://www.awwwards.com/PWA-ebook/
40. #pwaseo by @aleyda from #orainti at #smssyd19
How can
you create
a PWA
then?
#pwaseo by @aleyda from #orainti at #smssyd19
41. #pwaseo by @aleyda from #orainti at #smssyd19https://www.awwwards.com/PWA-ebook/
In the case of existing Websites,
there are 3 main steps to follow
Set up a
Service Worker, a
JS that runs in the
background, defining
what data to store
or update and
notifications
3
Create a web
manifest, a JSON file
that informs about the
PWA to be
installable
2
Use a responsive
website (that can be
AMP based too) that
will be your
application
1
42. #pwaseo by @aleyda from #orainti at #smssyd19https://codelabs.developers.google.com/codelabs/migrate-to-progressive-web-apps/
Check out
this step by
step guide
to migrate
your site to
a PWA
43. #pwaseo by @aleyda from #orainti at #smssyd19https://codelabs.developers.google.com/codelabs/workbox-indexeddb/
As well as
to develop
a PWA
from
scratch
44. #pwaseo by @aleyda from #orainti at #smssyd19https://codelabs.developers.google.com/codelabs/amp-pwa-workbox/
Or build a
Progressive
Web AMP
site
45. #pwaseo by @aleyda from #orainti at #smssyd19https://codelabs.developers.google.com/codelabs/amp-pwa-workbox/https://codelabs.developers.google.com/dev-pwa-training/
There’s a full training provided
by Google Developers
46. #pwaseo by @aleyda from #orainti at #smssyd19https://codelabs.developers.google.com/codelabs/amp-pwa-workbox/https://www.youtube.com/playlist?list=PLNYkxOF6rcIB2xHBZ7opgc2Mv009X87Hh
And video tutorials in the Google’s
Chrome Developers YouTube Channel
47. #pwaseo by @aleyda from #orainti at #smssyd19https://www.pwabuilder.com/publish
You can also use the “ready to
customize and use” PWA Builder files
48. #pwaseo by @aleyda from #orainti at #smssyd19
Check “How
PWAMP Works”
which I created
following the
Codelabs guide
for AMP based
PWAs
https://www.howpwampworks.com/
49. #pwaseo by @aleyda from #orainti at #smssyd19https://superpwa.com/
You can also enable PWA features to
your Wordpress sites with Plugins
50. #pwaseo by @aleyda from #orainti at #smssyd19https://www.whymywebtrafficdropped.com/
Which is the one
I’ve used with
“Why my Web
Traffic Dropped”
51. #pwaseo by @aleyda from #orainti at #smssyd19https://magento.com/products/magento-commerce/pwa
Magento
now also
supports
AMP with
its PWA
Studio
52. #pwaseo by @aleyda from #orainti at #smssyd19
How can
you
validate
your
PWAs?
#pwaseo by @aleyda from #orainti at #smssyd19
53. #pwaseo by @aleyda from #orainti at #smssyd19
PWAs features
should follow
best practices
specified in the
PWA checklist
https://developers.google.com/web/progressive-web-apps/checklist
54. #pwaseo by @aleyda from #orainti at #smssyd19
Served over
HTTPS
Responsive
on Mobile &
Tablets
There are baseline PWA features
that you’ll need to enable
URLs should
load while
offline
Metadata
provided to
add to the
home screen
Time to
interactive
should be <10
sec in 3G
Should work
across different
browsers
Pages
transitions
shouldn’t be
blocked
Each page
should have a
URL
https://developers.google.com/web/progressive-web-apps/checklist
55. #pwaseo by @aleyda from #orainti at #smssyd19https://developers.google.com/web/ilt/pwa/lighthouse-pwa-analysis-tool
You can verify them with the
Lighthouse PWA validation in Chrome
57. #pwaseo by @aleyda from #orainti at #smssyd19https://developers.google.com/web/fundamentals/codelabs/debugging-service-workers/
You can also
use Chrome
DevTools
Application
panel to
verify service
workers
58. #pwaseo by @aleyda from #orainti at #smssyd19
As well as
the App
Manifest
https://developers.google.com/web/fundamentals/web-app-manifest/
59. #pwaseo by @aleyda from #orainti at #smssyd19https://developers.google.com/web/ilt/pwa/lighthouse-pwa-analysis-tool
Or use the PWA Builder to validate too
60. #pwaseo by @aleyda from #orainti at #smssyd19https://developers.google.com/web/ilt/pwa/lighthouse-pwa-analysis-tool
Which also
allows to
revise and
edit your app
manifest and
service
worker
61. #pwaseo by @aleyda from #orainti at #smssyd19
But, do
PWAs
help
SEO?
#pwaseo by @aleyda from #orainti at #smssyd19
62. #pwaseo by @aleyda from #orainti at #smssyd19
Websites that adopt PWA see benefits
due to the App like functionality
https://www.pwastats.com/
63. #pwaseo by @aleyda from #orainti at #smssyd19https://www.seroundtable.com/google-pwas-seo-24956.html
However, PWA
usage won’t help
SEO as it’s not a
ranking factor
though…
64. #pwaseo by @aleyda from #orainti at #smssyd19
On the other
hand, PWA
shouldn’t hurt
SEO since a
PWA doesn’t
need to be a
SPA
https://love2dev.com/blog/pwa-spa/
65. #pwaseo by @aleyda from #orainti at #smssyd19
Your Website
Your Web App
(SPA or MPA)
PWA
You can develop a PWA from scratch,
or migrate your SPA, MPA or Website
66. #pwaseo by @aleyda from #orainti at #smssyd19https://webmasters.googleblog.com/2016/11/building-indexable-progressive-web-apps.html
It’s then critical
to make sure
that all these
types of PWAs
are also search
friendly
SEO
67. #pwaseo by @aleyda from #orainti at #smssyd19https://builtvisible.com/google-analytics-for-pwas-tracking-offline-behaviour-and-more/
While
configuring
your Google
Analytics
tracking to
effectively
measure its
usage
68. #pwaseo by @aleyda from #orainti at #smssyd19
How can
you
optimize
PWAs for
search?
#pwaseo by @aleyda from #orainti at #smssyd19
69. #pwaseo by @aleyda from #orainti at #smssyd19
The PWA checklist includes some
SEO related best practices too
https://developers.google.com/web/progressive-web-apps/checklist
Each page has
a URL
Site’s
content is
indexed by
Google
Canonical
URLs are
provided when
necessary
Avoid usage
of fragment
identifiers
schema.org
metadata is
included
70. #pwaseo by @aleyda from #orainti at #smssyd19
Sorry, no SPAs!
Each page has
a URL
Site’s
content is
indexe day
Google
Canonical
URLs are
provided when
necessary
Avoid usage
of fragment
identifiers
schema.org
metadata is
included
https://developers.google.com/web/progressive-web-apps/checklist
71. #pwaseo by @aleyda from #orainti at #smssyd19
Lighthouse doesn’t validate them
automatically at the moment though
https://developers.google.com/web/progressive-web-apps/checklist
72. #pwaseo by @aleyda from #orainti at #smssyd19https://webmasters.googleblog.com/2016/11/building-indexable-progressive-web-apps.html
It’s then
necessary to
also validate
these SEO best
practices along
the ones
provided by
Google
73. #pwaseo by @aleyda from #orainti at #smssyd19
Which are mostly the same and
common to any Website SEO validation
Make Your
Content
Crawlable
Design for
multiple
devices
Provide Clean
URLs
Use
progressive
enhancement
Specify
Canonical
URLs
Page load
speed should
be fast
Use
schema.org
structured
data
Cross-
browser
support
https://webmasters.googleblog.com/2016/11/building-indexable-progressive-web-apps.html
74. #pwaseo by @aleyda from #orainti at #smssyd19
It’s specially important to validate if
the PWA is a Web app relying on JS
John Mueller from Google
“One common approach to creating PWAs is to use client-side-
rendering (essentially a bare-bones HTML page with JavaScript that
creates all of the content & functionality); these kinds of sites can
be rendered and indexed by Google, but it's usually much trickier
than a static HTML site.”
https://webmasters.googleblog.com/2016/11/building-indexable-progressive-web-apps.html
75. #pwaseo by @aleyda from #orainti at #smssyd19
Like the Magento PWA Demo Store,
which passes the PWA validation…
https://inchoopwa.com/
76. #pwaseo by @aleyda from #orainti at #smssyd19
…but it looks like this when JS is
disabled since it’s Client Side Rendering
#pwaseo by @aleyda from #orainti at #smssyd19
77. #pwaseo by @aleyda from #orainti at #smssyd19https://search.google.com/test/mobile-friendly
Which can
cause
content
indexing
and
rendering
issues
78. #pwaseo by @aleyda from #orainti at #smssyd19
It should be avoided due to the way
Google index JS reliant content
http://www.thesempost.com/google-indexes-ranks-javascript-pages-two-waves-days-apart/
79. #pwaseo by @aleyda from #orainti at #smssyd19
This is why server
side rendering it’s
recommended
instead, which is
also known by
Magento, and
supported too
https://twitter.com/i/web/status/1102906582961213441
80. #pwaseo by @aleyda from #orainti at #smssyd19
A full SEO audit by crawling both
with & without JS is necessary
81. #pwaseo by @aleyda from #orainti at #smssyd19https://github.com/google/indexable-pwa-samples
To facilitate this
Google provides
examples of
Indexable PWAs
using server,
client side and
hybrid sites
82. #pwaseo by @aleyda from #orainti at #smssyd19
There’s no excuse to not enjoy of app
features on an SEO friendly Website
https://medium.com/progressive-web-apps/2018-state-of-progressive-web-apps-f7517d43ba70
83. #pwaseo by @aleyda from #orainti at #smssyd19
It’s time go progressive
#pwaseo by @aleyda from #orainti at #smssyd19
84. #pwaseo by @aleyda from #orainti at #smssyd19
I’m Daenerys Aleyda Solis
* SEO Consultant & Founder at Orainti
* Crawling Mondays Host
* SEO Speaker at +100 Events in +20 countries
* Author “SEO. Las Claves Esenciales.”
* Blogger in Search Engine Land & Search Engine Journal
* Featured in Forbes, Entrepreneur, Huffington Post
* European Search Personality of the Year in 2018
85. #pwaseo by @aleyda from #orainti at #smssyd19
If you liked
it, you can
watch me
weekly by
subscribing
to Crawling
Mondays
https://youtube.com/c/crawlingmondaysbyaleyda