{"id":16047,"date":"2018-12-08T20:36:08","date_gmt":"2018-12-08T19:36:08","guid":{"rendered":"https:\/\/www.aleydasolis.com\/?p=16047"},"modified":"2019-11-24T20:25:38","modified_gmt":"2019-11-24T19:25:38","slug":"pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them","status":"publish","type":"post","link":"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/","title":{"rendered":"PWAs SEO: How to Optimize Progressive Web Apps for Search"},"content":{"rendered":"<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"http:\/\/schema.org\",\n  \"@type\": \"HowTo\",\n  \"image\": {\n    \"@type\": \"ImageObject\",\n    \"url\": \"https:\/\/embedwistia-a.akamaihd.net\/deliveries\/baa796011f0bb2dd91176697e2e67045.webp\"\n  },\n  \"name\": \"How to Optimize PWAs for SEO\",\n  \"description\": \"Wondering what\u2019s a progressive Web app (PWA) and how to optimize them for SEO? Take a look!\",\n  \"totalTime\": \"PT19M53S\",\n  \"video\": {\n    \"@type\": \"VideoObject\",\n    \"name\": \"PWAs and SEO: What are them, why you want one and how to optimize for them.\",\n    \"description\": \"Wondering what\u2019s a progressive Web app (PWA) and how to optimize them for SEO? Take a look!\",\n    \"thumbnailUrl\": \"https:\/\/embedwistia-a.akamaihd.net\/deliveries\/baa796011f0bb2dd91176697e2e67045.webp\",\n    \"contentUrl\": \"https:\/\/fast.wistia.net\/embed\/iframe\/wtl5muwa25\",\n    \"embedUrl\": \"https:\/\/fast.wistia.net\/embed\/iframe\/wtl5muwa25\",\n    \"uploadDate\": \"2019-01-05T08:00:00+08:00\",\n    \"duration\": \"PT19M53S\",\n    \"hasPart\": [\n      {\n        \"@type\": \"Clip\",\n        \"@id\": \"Clip1\",\n        \"name\": \"What\u2019s a Progressive Web Apps (PWAs)\",\n        \"startOffset\": 148,\n        \"endOffset\": 435,\n        \"url\": \"https:\/\/fast.wistia.net\/embed\/iframe\/wtl5muwa25?wtime=148s\"\n      },\n      {\n        \"@type\": \"Clip\",\n        \"@id\": \"Clip2\",\n        \"name\": \"Assess the main PWAs benefits\",\n        \"startOffset\": 435,\n        \"endOffset\": 533,\n        \"url\": \"https:\/\/fast.wistia.net\/embed\/iframe\/wtl5muwa25?wtime=435s\"\n      },\n      {\n        \"@type\": \"Clip\",\n        \"@id\": \"Clip3\",\n        \"name\": \"Learn about PWAs SEO Best Practices\",\n        \"startOffset\": 533,\n        \"endOffset\": 927,\n        \"url\": \"https:\/\/fast.wistia.net\/embed\/iframe\/wtl5muwa25?wtime=533s\"\n      },\n      {\n        \"@type\": \"Clip\",\n        \"@id\": \"Clip4\",\n        \"name\": \"Validate PWAs Configuration and Optimizationt\",\n        \"startOffset\": 927,\n        \"endOffset\": 1951,\n        \"url\": \"https:\/\/fast.wistia.net\/embed\/iframe\/wtl5muwa25?wtime=927s\"\n      }\n    ]\n  },\n  \"step\": [\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"What\u2019s a Progressive Web Apps (PWAs)\",\n      \"text\": \"A Progressive Web App (PWA) is an \u201cenhanced\u201d web application that unlike others, provides a native app-like experience to Web users by using a set of technologies that allow them to combine the best of both, the app and Web functionalities in a secure environment. The core technologies that PWAs rely on and provide the key benefits are: The application shell architecture: Providing a fast loading time, TLS: Making it secure, Service workers: Giving offline support, Web app manifest: Allowing home screen access, These help to close the gap between the functionality of mobile Websites and apps.\",\n      \"image\": \"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa_comparison-1024x577.png\",\n      \"url\": \"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#step1\",\n      \"video\": {\n        \"@id\": \"Clip1\"\n      }\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Assess the main PWAs benefits\",\n      \"text\": \"Progressive Web apps provide major advantages over native apps, especially in reach, acquisition and conversion, and are considered to be the \u201cbridge\u201d between both the app and Web worlds, and key to their future; even Google and Microsoft think so, since they have collaborated in an eBook called: \u201cProgressive Web Apps, The Future of the Mobile Web.\u201d\",\n      \"image\": \"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/starbucks-pwa-1.png\",\n      \"url\": \"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#step2\",\n      \"video\": {\n        \"@id\": \"Clip2\"\n      }\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Learn about PWAs SEO Best Practices\",\n      \"text\": \"PWAs can provide many benefits from a functionality perspective over native apps, they don\u2019t offer any advantage over responsive Websites from a searchability perspective (at least at this moment). In fact PWAs can usually generate additional SEO challenges due to their \u201cWeb app\u201d, JavaScript reliant nature, for example, when developed as Single Page Applications relying on JavaScript to display the different site pages and their information. Because of this, it\u2019s then critical to \u201cbalance\u201d the way PWAs are developed by following some fundamental SEO principles: Each page shouldbe accessible through a unique URL, the content should be indexable, served over HTTPs, and more! \",\n      \"image\": \"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa-audit-checklist-1024x521.png\",\n      \"url\": \"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#step3\",\n      \"video\": {\n        \"@id\": \"Clip3\"\n      }\n    },\n    {\n      \"@type\": \"HowToStep\",\n      \"name\": \"Validate PWAs Configuration and Optimization\",\n       \"text\": \"Many of the PWAs configurations can be tested by using the PWA validation included in the Lighthouse tool, which is open source and can be run also from Chrome DevTools and as a Chrome extension as well.\", \n      \"image\": \"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/hobbycraft-pwa-validation-lighthouse-1.png\",\n      \"url\": \"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#step4\",\n      \"video\": {\n        \"@id\": \"Clip4\"\n      }\n    }\n  ]\n}\n<\/script><\/p>\n<p>Wondering what&#8217;s a progressive Web app (PWA) and how to optimize them for organic search results? You&#8217;ve come to the right place. If you want a TL;DR edition, watch the <a href=\"https:\/\/www.youtube.com\/watch?v=Iq3Zl1jMkhk\">PWA SEO edition of Crawling Monday&#8217;s<\/a> below or scroll down for a detailed explanation!<\/p>\n<p><script src=\"https:\/\/fast.wistia.com\/embed\/medias\/wtl5muwa25.jsonp\" async><\/script><script src=\"https:\/\/fast.wistia.com\/assets\/external\/E-v1.js\" async><\/script><\/p>\n<div class=\"wistia_responsive_padding\" style=\"padding:60.21% 0 0 0;position:relative;\">\n<div class=\"wistia_responsive_wrapper\" style=\"height:100%;left:0;position:absolute;top:0;width:100%;\">\n<div class=\"wistia_embed wistia_async_wtl5muwa25 seo=false videoFoam=true\" style=\"height:100%;position:relative;width:100%\">\n<div class=\"wistia_swatch\" style=\"height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;\"><img decoding=\"async\" src=\"https:\/\/fast.wistia.com\/embed\/medias\/wtl5muwa25\/swatch\" style=\"filter:blur(5px);height:100%;object-fit:contain;width:100%;\" alt=\"\" aria-hidden=\"true\" onload=\"this.parentNode.style.opacity=1;\" \/><\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<h2 id=\"step1\">1. What&#8217;s a Progressive Web Apps (PWAs)?<\/h2>\n<p>A <a href=\"https:\/\/developers.google.com\/web\/progressive-web-apps\/\">Progressive Web App (PWA)<\/a> is an &#8220;enhanced&#8221; web application that unlike others, provides a native app-like experience to Web users by using <a href=\"https:\/\/infrequently.org\/2016\/09\/what-exactly-makes-something-a-progressive-web-app\/\">a set of technologies<\/a>\u00a0that allow them to combine\u00a0the <a href=\"https:\/\/www.smashingmagazine.com\/2016\/08\/a-beginners-guide-to-progressive-web-apps\/\">best of both, the app and Web functionalities<\/a>\u00a0in a secure environment:<\/p>\n<ul>\n<li><strong>Like native apps:<\/strong> They are reliable, connectivity independent (available offline) thanks to the usage of service workers, installable (allowing to add to the home screen with the help of a Web app manifest), as well as engaging (by using <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/push-notifications\/\">push notifications<\/a>).<\/li>\n<li><strong>Unlike native apps:<\/strong> They are progressive and responsive (work on any device), discoverable (its content can be findable through search engines) and linkable (facilitating their shareability).<\/li>\n<\/ul>\n<p>As can be already seen above, the core technologies that PWAs rely on and provide the key benefits are:<\/p>\n<ul>\n<li>The <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/architecture\/app-shell\">application shell architecture<\/a>: Providing a fast loading time<\/li>\n<li><a href=\"https:\/\/www.networkworld.com\/article\/2303073\/lan-wan\/lan-wan-what-is-transport-layer-security-protocol.html\">TLS<\/a>: Making it secure<\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/fundamentals\/primers\/service-workers\/\">Service workers<\/a>: Giving offline support<\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/fundamentals\/web-app-manifest\/\">Web app manifest<\/a>: Allowing home screen access<\/li>\n<\/ul>\n<p>These help to\u00a0<a href=\"https:\/\/medium.freecodecamp.org\/progressive-web-apps-bridging-the-gap-between-web-and-mobile-apps-a08c76e3e768\">close the gap<\/a> between the functionality of mobile Websites and apps.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-16161 aligncenter\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa_comparison-1024x577.png\" alt=\"\" width=\"711\" height=\"401\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa_comparison-1024x577.png 1024w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa_comparison-300x169.png 300w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa_comparison-768x433.png 768w\" sizes=\"auto, (max-width: 711px) 100vw, 711px\" \/><br \/>\n<em>PWAs vs Native Apps vs Responsive Websites by <a href=\"https:\/\/www.onenorth.com\/blog\/post\/whats-next-in-mobile-progressive-web-apps\">One North<\/a><\/em><\/p>\n<p>&nbsp;<\/p>\n<p>PWAs are also not only mobile focused (all modern browsers <a href=\"https:\/\/jakearchibald.github.io\/isserviceworkerready\/\">now support service workers<\/a>), but multi-device, and are also now <a href=\"https:\/\/developers.google.com\/web\/progressive-web-apps\/desktop\">supported on desktop<\/a>\u00a0in Chrome OS (Chrome 67+), Linux (Chrome 70+), Windows (Chrome 70+) and support is said to be under development for Mac.<\/p>\n<h2 id=\"step2\">2. What are the main PWAs benefits?<\/h2>\n<p>Due to all of the previous combined functionalities and benefits, progressive Web apps provide major advantages over native apps, especially in <a href=\"https:\/\/medium.com\/@deepusnath\/4-points-to-keep-in-mind-before-introducing-progressive-web-apps-pwa-to-your-team-8dc66bcf6011\">reach, acquisition and conversion<\/a>, and <strong>are considered to be the &#8220;bridge&#8221; between both the app and Web worlds, and key to their future<\/strong>; even Google and Microsoft think so, since they have collaborated in an eBook called: &#8220;<a href=\"https:\/\/www.awwwards.com\/PWA-ebook\/\">Progressive Web Apps, The Future of the Mobile Web.<\/a>&#8221;<\/p>\n<p>A few Websites already offering PWAs -or that have integrated PWA features in their current sites- are\u00a0<a href=\"https:\/\/m.alibaba.com\/\">Alibaba,<\/a>\u00a0<a href=\"https:\/\/www.hobbycraft.co.uk\/\">Hobbycraft<\/a>, <a href=\"https:\/\/www.lancome-usa.com\/\">Lancome<\/a>, <a href=\"https:\/\/app.ft.com\/index_page\/home\">FT<\/a> and <a href=\"https:\/\/app.starbucks.com\/\">Starbucks,<\/a>\u00a0and others that you can see in the\u00a0<a href=\"https:\/\/pwa-directory.appspot.com\/\">PWA Directory<\/a>.<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-16212 size-full\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/starbucks-pwa-1.png\" alt=\"\" width=\"713\" height=\"655\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/starbucks-pwa-1.png 713w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/starbucks-pwa-1-300x276.png 300w\" sizes=\"auto, (max-width: 713px) 100vw, 713px\" \/><\/p>\n<h2 id=\"step3\">3. What are PWAs SEO Best Practices?<\/h2>\n<p>However, there are also some requirements which should be taken into consideration to make sure PWAs are indeed discoverable through search engines.<\/p>\n<p>First, is important to understand that although PWAs can provide many benefits from a functionality perspective over native apps, they don&#8217;t offer any advantage over responsive Websites from a searchability perspective (at least at this moment).<\/p>\n<p>In fact PWAs can usually generate additional SEO challenges due to their &#8220;Web app&#8221;, JavaScript reliant nature, for example, when developed as <a href=\"https:\/\/developers.google.com\/web\/updates\/2018\/05\/beyond-spa\">Single Page Applications<\/a>\u00a0relying on JavaScript to display the different site pages and their information (instead of the &#8220;traditional Web&#8221; multi page architecture); as John Mueller shared in a <a href=\"https:\/\/www.seroundtable.com\/google-pwas-seo-24956.html\">Google Webmaster Help thread<\/a>:<\/p>\n<p><em><strong>&#8220;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 &amp; functionality); these kinds of sites can be rendered and indexed by Google, but it&#8217;s usually much trickier than a static HTML site&#8230; This can result in a kind of trade-off between easier development and nice UIs, but tricker handling of SEO.&#8221;<\/strong><\/em><\/p>\n<p>Because of this, it&#8217;s then critical to &#8220;balance&#8221; the way PWAs are developed by following some\u00a0<a href=\"https:\/\/webmasters.googleblog.com\/2016\/11\/building-indexable-progressive-web-apps.html\">fundamental SEO principles<\/a>:<\/p>\n<ul>\n<li><strong>Each page should be independently crawlable, available through an specific URL<\/strong> that doesn&#8217;t use fragment identifiers\u00a0(# or #!).<\/li>\n<li>The content of each page should be indexable, and although\u00a0<a href=\"https:\/\/developers.google.com\/search\/docs\/guides\/rendering\">Google Web Rendering service<\/a>\u00a0(currently based on <a href=\"https:\/\/www.elephate.com\/blog\/chrome-41-key-to-website-rendering\/\">Chrome 41<\/a>) supports JS rendering, it will <a href=\"http:\/\/www.thesempost.com\/google-indexes-ranks-javascript-pages-two-waves-days-apart\/\">defer client side JavaScript rendering to a &#8220;second wave of indexing&#8221;<\/a> until it has enough resources to do it so, fetching only the server-side rendered content in the initial indexing wave.<strong> It&#8217;s then important to use <a href=\"https:\/\/medium.freecodecamp.org\/what-exactly-is-client-side-rendering-and-hows-it-different-from-server-side-rendering-bd5c786b340d\">server side rendering (SSR)<\/a>\u00a0whenever it&#8217;s possible for any meaningful content as well as navigation of the site to ensure their indexability.<\/strong> Check out <a href=\"https:\/\/ssr.vuejs.org\/#what-is-server-side-rendering-ssr\">Vue.js<\/a>\u00a0, <a href=\"https:\/\/medium.freecodecamp.org\/server-side-rendering-your-react-app-in-three-simple-steps-7a82b95db82e\">React<\/a> and <a href=\"https:\/\/angular.io\/guide\/universal\">Angular<\/a> server side rendering guides. If this is not possible then use\u00a0<a href=\"https:\/\/developers.google.com\/search\/docs\/guides\/dynamic-rendering\">dynamic rendering,<\/a>\u00a0for which <a href=\"https:\/\/developers.google.com\/web\/tools\/puppeteer\/get-started\">puppeteer<\/a>, or services like <a href=\"https:\/\/prerender.io\/\">prerender<\/a> can be used. It&#8217;s also important to avoid <a href=\"https:\/\/developers.google.com\/search\/docs\/guides\/rendering#es6\">ES6 features<\/a>\u00a0which are not supported by Chrome 41, as well as to\u00a0<a href=\"https:\/\/developers.google.com\/search\/docs\/guides\/rendering\">understand other limitations<\/a>.<\/li>\n<li><strong>Each page should specify its canonical URL<\/strong> (the original one meant to be indexed) by using the\u00a0<a href=\"https:\/\/support.google.com\/webmasters\/answer\/139066?hl=en\">canonical tag.<\/a><\/li>\n<li><strong>When enabling a PWA along non-canonical AMP<\/strong>\u00a0(in <a href=\"https:\/\/www.howpwampworks.com\/\">PWAMP configurations<\/a>) then the <a href=\"https:\/\/www.ampproject.org\/docs\/fundamentals\/spec#amp-document-discovery\">rel=\u201damphtml\u201d tag<\/a> should be also included to specify the AMP URLs.<\/li>\n<li>The Website <strong>should have a <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/design-and-ux\/responsive\/\">responsive web design<\/a><\/strong>, including a viewport tag that should be correctly configured, and it should pass <a href=\"https:\/\/search.google.com\/test\/mobile-friendly\">Google&#8217;s mobile friendly test<\/a>.<\/li>\n<li>If <a href=\"https:\/\/developers.google.com\/search\/mobile-sites\/mobile-seo\/dynamic-serving\">dynamic serving<\/a> is used to show a different design based on the used device, make sure <strong>the content is always the same for users and search bots<\/strong>, avoiding cloaking.<\/li>\n<li>The Website <strong>should be secure and run entirely in HTTPS, 301-redirecting from HTTP to HTTPS<\/strong>, while avoiding using non-secure resources that will trigger <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/security\/prevent-mixed-content\/what-is-mixed-content\">mixed content issues<\/a>. <a href=\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/http-https-migration-checklist-google-docs\/\">Here&#8217;s an HTTPS migration checklist<\/a> in case you haven&#8217;t done it yet.<\/li>\n<li><strong>The Website pages should load fast<\/strong> -which can be also more easily achieved by using <a href=\"https:\/\/www.howpwampworks.com\/\">PWAs along AMP (PWAMP)<\/a>, as well as following <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/why-performance-matters\/\">Web performance optimization best practices<\/a>-. Google recommends to validate that the <strong><a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/audits\/time-to-interactive\">time to interactive<\/a> is under 10 seconds<\/strong> for the first visit on a simulated 3G network, which can be verified by using the <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">Pagespeed Insights tool<\/a> -now integrating <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/\">Lighthouse data<\/a>-. Additionally, it&#8217;s important to take into consideration that based on <a href=\"https:\/\/twitter.com\/screamingfrog\/status\/786581016815112193\">different<\/a> <a href=\"https:\/\/maxprin.com\/tests\/js-timer\/\">tests<\/a>\u00a0the <strong>googlebot will wait up to 5 seconds to render and take a snapshot of a page content, <\/strong>and therefore it&#8217;s as well important to make sure that it renders below that time.<\/li>\n<\/ul>\n<h2 id=\"step4\">4. How to Validate PWAs Configuration and Optimization?<\/h2>\n<p>To start validating PWAs we can use the\u00a0<strong><a href=\"https:\/\/developers.google.com\/web\/progressive-web-apps\/checklist\">checklist with PWAs best practices<\/a>\u00a0<\/strong>that Google has created to verify that a &#8220;baseline&#8221; (fundamental) as well as &#8220;exemplary&#8221; (ideal) PWA experience is provided -including many of the PWAs functionalities as well as optimization principles shared before-.\u00a0The &#8220;baseline&#8221; PWA experience checklist includes the following:<\/p>\n<ul>\n<li>To be\u00a0served over HTTPS<\/li>\n<li>To be responsive on tablets &amp; mobile devices<\/li>\n<li>All app URLs should load while offline<\/li>\n<li>Metadata should be provided to Add in the Home screen<\/li>\n<li>First load should be fast even on 3G (time to interactive &lt;10s for first visit on a simulated 3G network)<\/li>\n<li>Site should work across different browsers<\/li>\n<li>Page transitions don&#8217;t feel like they block on the network<\/li>\n<li>Each page should have a URL<\/li>\n<\/ul>\n<p>Most of these, which are focused on the basic PWA functionality, can be validated by using the PWA validation included in the\u00a0<a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/\">Lighthouse tool<\/a>, which is open source and can be run also from <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/#devtools\">Chrome DevTools<\/a> and as a <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk\">Chrome extension<\/a> as well, as can be seen below:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-16121\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa-audit-checklist-1024x521.png\" alt=\"\" width=\"711\" height=\"361\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa-audit-checklist-1024x521.png 1024w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa-audit-checklist-300x153.png 300w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa-audit-checklist-768x390.png 768w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa-audit-checklist.png 1424w\" sizes=\"auto, (max-width: 711px) 100vw, 711px\" \/><\/p>\n<p>The baseline PWA configurations that are not yet checked through Lighthouse, and need to be verified manually, include one of the most critical aspects from an SEO perspective which is that &#8220;each page should have a URL&#8221;:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-16123\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/manual-validations-checklist-pwa-1024x256.png\" alt=\"\" width=\"711\" height=\"178\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/manual-validations-checklist-pwa-1024x256.png 1024w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/manual-validations-checklist-pwa-300x75.png 300w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/manual-validations-checklist-pwa-768x192.png 768w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/manual-validations-checklist-pwa.png 1440w\" sizes=\"auto, (max-width: 711px) 100vw, 711px\" \/><\/p>\n<p>For example, when validating the <a href=\"http:\/\/hobbycraft.co.uk\/\">Hobbycraft Christmas<\/a>\u00a0PWA page, it can be seen how it fails the &#8220;page load is not as fast enough on 3G&#8221; and gives it 73\/100:<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16213\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/hobbycraft-pwa-validation-lighthouse-1.png\" alt=\"\" width=\"679\" height=\"590\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/hobbycraft-pwa-validation-lighthouse-1.png 679w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/hobbycraft-pwa-validation-lighthouse-1-300x261.png 300w\" sizes=\"auto, (max-width: 679px) 100vw, 679px\" \/><\/p>\n<p>Besides using the Lighthouse integration, you can also verify and <a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/progressive-web-apps\">test your PWA features<\/a> such as the <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/web-app-manifest\/\">App manifest<\/a> and <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/codelabs\/debugging-service-workers\/\">service workers by using the Chrome DevTools<\/a> application panel, as shown below too:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16216\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/service-worker-manifest-application.png\" alt=\"\" width=\"713\" height=\"302\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/service-worker-manifest-application.png 713w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/service-worker-manifest-application-300x127.png 300w\" sizes=\"auto, (max-width: 713px) 100vw, 713px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>It&#8217;s important to note that additional criteria for an &#8220;exemplary&#8221; PWA experience for <a href=\"https:\/\/developers.google.com\/web\/progressive-web-apps\/checklist#sites-content-is-indexed-by-google\"><strong>indexability and social<\/strong><\/a>, -that cannot be yet checked through the Lighthouse PWA test and then will need to be verified manually-, include some of the most important aspects from an SEO perspective to test, and then should be instead considered critical (instead of &#8220;ideal&#8221;) to verify PWAs optimization<strong>:<\/strong><\/p>\n<ul>\n<li>Site&#8217;s content is indexed by Google<\/li>\n<li>Canonical URLs are provided when necessary<\/li>\n<li>Pages use the History API (avoiding the usage of fragment identifiers)<\/li>\n<\/ul>\n<p>Besides additional nice to have ones:<\/p>\n<ul>\n<li>Schema.org metadata is provided where appropriate<\/li>\n<li>Social metadata is provided where appropriate<\/li>\n<\/ul>\n<p>Because of this, although passing the Lighthouse PWA validation might mean that the PWA has the fundamental functionalities to be considered one, it doesn&#8217;t mean that is necessarily optimized for search, and it&#8217;s then important to additionally verify the previously described SEO best practices, manually and through SEO tools (and not just again by using the <a href=\"https:\/\/webmasters.googleblog.com\/2018\/02\/seo-audit-category-in-lighthouse.html\">Lighthouse SEO validation<\/a> since it only validates some basic configuration).<\/p>\n<p>For example, the Starbucks PWA uses client side rendering, with the content and links of its home page only available through the DOM but not in the raw HTML:<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16218\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/rendered-vs-raw-html-1.png\" alt=\"\" width=\"782\" height=\"421\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/rendered-vs-raw-html-1.png 782w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/rendered-vs-raw-html-1-300x162.png 300w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/rendered-vs-raw-html-1-768x413.png 768w\" sizes=\"auto, (max-width: 782px) 100vw, 782px\" \/><\/p>\n<p>When JS is disabled from the browser we see an empty page:<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16217\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa-js-disabled-1.png\" alt=\"\" width=\"645\" height=\"317\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa-js-disabled-1.png 645w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa-js-disabled-1-300x147.png 300w\" sizes=\"auto, (max-width: 645px) 100vw, 645px\" \/><\/p>\n<p>Which is why it&#8217;s critical to besides validating the compliance PWAs functionalities, depending on how it has been implemented and the reliance on JS -if using server side, client side or dynamic rendering-, we verify accordingly the impact to the crawlability, rendering, indexability and ranking of the PWA content.<\/p>\n<p>For example, we can see how the Starbucks PWA home page seems to be effectively rendered (the page loading issues are due to blocked ads scripts):<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16222\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/google-mobile-friendly-test-1.png\" alt=\"\" width=\"713\" height=\"575\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/google-mobile-friendly-test-1.png 713w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/google-mobile-friendly-test-1-300x242.png 300w\" sizes=\"auto, (max-width: 713px) 100vw, 713px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Additionally we can see that the home page and other main pages such as the gift and menu ones are indexed, as well others, such as the gift cards, which are not necessarily meant to be indexed are there (showing a less than optimized snippet):<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16221\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/starbucks-pwa-pages-indexed.png\" alt=\"\" width=\"713\" height=\"583\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/starbucks-pwa-pages-indexed.png 713w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/starbucks-pwa-pages-indexed-300x245.png 300w\" sizes=\"auto, (max-width: 713px) 100vw, 713px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>We can also see see how the content of the main pages are also being indexed too:<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16226\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/indexed-text-1.png\" alt=\"\" width=\"579\" height=\"198\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/indexed-text-1.png 579w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/indexed-text-1-300x103.png 300w\" sizes=\"auto, (max-width: 579px) 100vw, 579px\" \/><\/p>\n<p>However, when checking the SEO configuration of the metadata, that they&#8217;re lacking from the basics from a relevance perspective:<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16223\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/optimized-metadata-starbucks-pwa.png\" alt=\"\" width=\"713\" height=\"377\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/optimized-metadata-starbucks-pwa.png 713w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/optimized-metadata-starbucks-pwa-300x159.png 300w\" sizes=\"auto, (max-width: 713px) 100vw, 713px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Despite this, when checking ranking indexes like the one of SEMrush we can see that the Starbucks PWA home page is at least ranking for branded app related queries, although not above the main site which is reasonable when seeing the lack of optimization from a relevance perspective.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16227\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa-starbucks-rankings.png\" alt=\"\" width=\"713\" height=\"627\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa-starbucks-rankings.png 713w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/pwa-starbucks-rankings-300x264.png 300w\" sizes=\"auto, (max-width: 713px) 100vw, 713px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Would the results be different if it was a much bigger PWA with millions of pages that are refreshing their content very frequently? The impact of a JS reliant implementation along Google&#8217;s two indexing waves would likely not be the same. So as you can see, we should validate for ourselves in each case to see up to which point the type of PWA implementation is negatively affecting the site searchability while avoid overlooking the &#8220;typical&#8221; SEO best practices.<\/p>\n<p>To facilitate our own PWA tests and analysis,\u00a0Google provides PWA indexability examples &#8211;<a href=\"https:\/\/github.com\/google\/indexable-pwa-samples\">making the code also available through GitHub<\/a>&#8211; with\u00a0<a href=\"https:\/\/server-dot-indexable-pwa.appspot.com\/\">a server-side rendered site<\/a>\u00a0and\u00a0<a href=\"https:\/\/client-dot-indexable-pwa.appspot.com\/\">a client-side rendered site<\/a>\u00a0(as well as an <a href=\"https:\/\/hybrid-dot-indexable-pwa.appspot.com\/\">hybrid rendered site<\/a>) that we can use as an input for our own tests too.<\/p>\n<p>We can see how both, the server as well as the client side Websites home pages pass the PWA lighthouse validation, however, as it can be seen below they&#8217;re both not 301-redirecting from HTTP to HTTPS and the server-side rendered one doesn&#8217;t respond when offline:<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16196\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/client-side-vs-rendered-side-pwa-validation.png\" alt=\"\" width=\"711\" height=\"277\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/client-side-vs-rendered-side-pwa-validation.png 711w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/client-side-vs-rendered-side-pwa-validation-300x117.png 300w\" sizes=\"auto, (max-width: 711px) 100vw, 711px\" \/><\/p>\n<p>On the other hand, here&#8217;s a comparison of the server-side vs. the client-side site home page with JS enabled and disabled in the browser (where it can be seen how there&#8217;s no main text shown in the client side rendered home page), as well as when passing the Google Mobile Friendly test in order to obtain their rendered snapshot, where the client side home page is shown in blank:<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16194\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/client-server-side-rendered-compared.png\" alt=\"\" width=\"671\" height=\"1021\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/client-server-side-rendered-compared.png 671w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/client-server-side-rendered-compared-197x300.png 197w\" sizes=\"auto, (max-width: 671px) 100vw, 671px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>The reason why the client-side rendered home page couldn&#8217;t be rendered is that the JS and CSS used by it, hadn&#8217;t been found:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16198\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/resources-couldnt-be-found.png\" alt=\"\" width=\"713\" height=\"638\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/resources-couldnt-be-found.png 713w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/resources-couldnt-be-found-300x268.png 300w\" sizes=\"auto, (max-width: 713px) 100vw, 713px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>These JS and CSS were not found because they were actually available through the HTTP URLs instead of HTTPs, and as you might remember, the pages were not 301-redirecting from HTTP to HTTPs in the PWA validation.<\/p>\n<p>When validating again the client-side rendered page this time through its HTTP URL then, it was correctly rendered, as now the required resources were found. It&#8217;s then critical then, since client side rendered pages rely heavily on these resources, that they&#8217;re effectively available through the relevant URLs (that should be in HTTPs for PWAs).<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16199\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/client-side-rendered-snapshot.png\" alt=\"\" width=\"713\" height=\"571\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/client-side-rendered-snapshot.png 713w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/client-side-rendered-snapshot-300x240.png 300w\" sizes=\"auto, (max-width: 713px) 100vw, 713px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>It&#8217;s then fundamental when doing a PWA optimization audit, to fully crawl it with and\u00a0without JS rendering (which most of SEO crawlers, like <a href=\"https:\/\/www.screamingfrog.co.uk\/seo-spider\/\">Screaming Frog<\/a>, <a href=\"https:\/\/www.deepcrawl.com\/\">Deepcrawl<\/a>\u00a0or <a href=\"https:\/\/sitebulb.com\/\">Sitebulb<\/a> will support) to compare the crawls and identify the existing gap of critical content and navigation.<\/p>\n<p>For example,\u00a0when setting a crawl for the client-rendered Starbucks PWA,\u00a0<a href=\"https:\/\/sitebulb.com\/\">Sitebulb<\/a> already warns about the lack of links in the response HTMLs, that are on the other hand included in the rendered ones:<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16190\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/js-crawl-starbucks-pwa-1.png\" alt=\"\" width=\"713\" height=\"195\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/js-crawl-starbucks-pwa-1.png 713w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/js-crawl-starbucks-pwa-1-300x82.png 300w\" sizes=\"auto, (max-width: 713px) 100vw, 713px\" \/><\/p>\n<p>It&#8217;s important to further analyze this content and links gap comparing the JS vs. non-JS crawls:<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16189\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/js-non-js-crawl-comparison.png\" alt=\"\" width=\"713\" height=\"508\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/js-non-js-crawl-comparison.png 713w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/js-non-js-crawl-comparison-300x214.png 300w\" sizes=\"auto, (max-width: 713px) 100vw, 713px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Additionally, it&#8217;s again important to remember\u00a0that not only because the content is crawled and rendered, it means that is also effectively indexed and ranked as well as it could, as <a href=\"https:\/\/www.christianoliveira.com\/blog\/en\/seo-progressive-web-apps-pwa\/\">Christian shares in this great PWA and JS rendering analysis and tests.<\/a><\/p>\n<p>This is why it&#8217;s fundamental to facilitate Google&#8217;s work as much as possible with server side rendering, and if not possible, with a dynamic rendering approach, especially when it&#8217;s a big Website that is frequently updated.<\/p>\n<h2 id=\"step5\">5. How to enable PWAs features in your site?<\/h2>\n<p>Besides developing PWAs from scratch, developing our Web app as a PWA, for which Google already provides a few step by step guides in the Codelabs <a href=\"https:\/\/codelabs.developers.google.com\/codelabs\/your-first-pwapp\/#0\">here<\/a>, <a href=\"https:\/\/codelabs.developers.google.com\/codelabs\/workbox-indexeddb\/index.html?index=..%2F..index#0\">here<\/a> and <a href=\"https:\/\/codelabs.developers.google.com\/codelabs\/workbox-lab\/index.html?index=..%2F..index#0\">here<\/a>; it&#8217;s also possible to\u00a0<a href=\"https:\/\/codelabs.developers.google.com\/codelabs\/migrate-to-progressive-web-apps\/index.html?index=..%2F..%2Findex#0\">migrate your existing site to a Progressive Web App<\/a>\u00a0as well as to enable PWAs features to your already existing site, which can be done by using services like <a href=\"https:\/\/widely.io\/\">Widely<\/a> and <a href=\"https:\/\/www.pwabuilder.com\/\">PWA Builder<\/a>.<\/p>\n<p>If you use WordPress, you can also use the <a href=\"https:\/\/superpwa.com\/\">SuperPWA plugin<\/a>\u00a0along <a href=\"https:\/\/onesignal.com\/\">One Signal<\/a> (to manage push notifications) for free, which as can be seen below can be easily configured through the WP control panel:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16129\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/super-pwa-settings.png\" alt=\"\" width=\"677\" height=\"584\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/super-pwa-settings.png 677w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/super-pwa-settings-300x259.png 300w\" sizes=\"auto, (max-width: 677px) 100vw, 677px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>The result is that your WordPress based site will now provide PWA features (and pass the Lighthouse validation), as can be seen in the &#8220;<a href=\"https:\/\/www.whymywebtrafficdropped.com\/\">Why my Web Traffic Dropped<\/a>&#8221; example below:<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16119\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/whymywebtrafficdropped-1.png\" alt=\"\" width=\"679\" height=\"399\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/whymywebtrafficdropped-1.png 679w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/whymywebtrafficdropped-1-300x176.png 300w\" sizes=\"auto, (max-width: 679px) 100vw, 679px\" \/><\/p>\n<p>Allowing you to add it to your home screen, which is one of the most attractive PWA features:<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16203\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/home-screen-option.png\" alt=\"\" width=\"713\" height=\"461\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/home-screen-option.png 713w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/home-screen-option-300x194.png 300w\" sizes=\"auto, (max-width: 713px) 100vw, 713px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>You can also combine canonical AMP with PWA features to build a PWAMP site, by following the steps described in <a href=\"https:\/\/codelabs.developers.google.com\/codelabs\/amp-pwa-workbox\/index.html?index=..%2F..io2018#0\">this codelabs guide<\/a>:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16130\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/build-progressive-web-amp.png\" alt=\"\" width=\"679\" height=\"496\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/build-progressive-web-amp.png 679w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/build-progressive-web-amp-300x219.png 300w\" sizes=\"auto, (max-width: 679px) 100vw, 679px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>You can see the result in the <a href=\"https:\/\/www.howpwampworks.com\/\">How PWAMP Works Website<\/a>, which is AMP based and also has PWA features:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16116\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/howpwampworks.png\" alt=\"\" width=\"677\" height=\"472\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/howpwampworks.png 677w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/howpwampworks-300x209.png 300w\" sizes=\"auto, (max-width: 677px) 100vw, 677px\" \/><\/p>\n<p>The current con with PWAMP sites is that as I mentioned recently <a href=\"https:\/\/twitter.com\/aleyda\/status\/1059794390535811072\">over twitter<\/a>,\u00a0when adding a home screen access to a PWAMP site that was found via a Google search, the URL that you get to do it so is the Google (AMP viewer) one instead of the one of your own site, which hopefully is fixed soon (as Google announced some time ago it was going to start showing directly the site&#8217;s own pages URLs):<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-16206\" src=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/amp-add-home-screen-mobile.png\" alt=\"\" width=\"459\" height=\"451\" srcset=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/amp-add-home-screen-mobile.png 459w, https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/amp-add-home-screen-mobile-300x295.png 300w\" sizes=\"auto, (max-width: 459px) 100vw, 459px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>The good part of &#8220;converting&#8221; or enabling already existing sites to PWAs, is that although you won&#8217;t have that much of a &#8220;native app&#8221; feel that PWAs developed from scratch will give, they can be a good first step to start testing and profiting from many of the other PWAs functionalities while making sure that your already existing Website is already optimized -without relying on JS to render critical content-.<\/p>\n<h2 id=\"step6\">6. More resources about PWAs &amp; their Optimization<\/h2>\n<p>If you want to learn more about PWAs and their potential -which is expected to be massive in the future-, as well as how to optimize them to be searchable, take a look at these additional guides, resources and examples to test:<\/p>\n<ul>\n<li><a href=\"https:\/\/webmasters.googleblog.com\/2016\/11\/building-indexable-progressive-web-apps.html\">Building Indexable Progressive Web Apps by Google<\/a><\/li>\n<li><a href=\"https:\/\/builtvisible.com\/progressive-web-app-seo\/\">Progressive Web App SEO by Builtvisible<\/a><\/li>\n<li><a href=\"https:\/\/www.christianoliveira.com\/blog\/en\/seo-progressive-web-apps-pwa\/\">SEO for Progressive Web APPs (PWA) and JavaScript sites by Christian Oliveira and Natzir Turrado<\/a><\/li>\n<li><a href=\"https:\/\/info.divante.co\/seo-for-pwa\">SEO for Progressive Web Apps by Divante and Elephate<\/a><\/li>\n<li><a href=\"https:\/\/es.slideshare.net\/MariaCielak\/what-seos-need-to-know-about-javascript-and-pwa-98068577\">What SEOs need to know about JavaScript and PWA by\u00a0Maria Cie\u015blak<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/dev-channel\/a-pinterest-progressive-web-app-performance-case-study-3bd6ed2e6154\">A Pinterest Progressive Web App Performance Case Study<\/a><\/li>\n<li><a href=\"https:\/\/medium.com\/dev-channel\/building-a-hybrid-rendered-pwa-c9d645baf158\">Building a hybrid-rendered PWA<\/a><\/li>\n<li><a href=\"https:\/\/www.awwwards.com\/PWA-ebook\/\">Progressive Web Apps The future of the Mobile Web.<\/a><\/li>\n<li><a href=\"https:\/\/www.howpwampworks.com\/\">How PWAMP Works<\/a><\/li>\n<li><a href=\"https:\/\/pwa-directory.appspot.com\/\">PWA Directory<\/a><\/li>\n<li><a href=\"https:\/\/www.pwastats.com\/\">PWA Stats<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>What are PWAs and how to make them SEO friendly? Learn all about how to implement and optimize your PWAs for Search: Steps, examples and tools!<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[17],"tags":[],"class_list":["post-16047","post","type-post","status-publish","format-standard","hentry","category-search-engine-optimization"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>PWAs SEO: How to Optimize Progressive Web Apps for Search<\/title>\n<meta name=\"description\" content=\"What are PWAs and how to make them SEO friendly? Learn all about how to implement and optimize your PWAs for Search: Steps, examples and tools!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PWAs &amp; SEO: Best practices &amp; validations to develop optimized PWAs\" \/>\n<meta property=\"og:description\" content=\"What are Progressive Web Apps? Why are they considered to be the future of mobile apps? How to create and optimize PWAs? Take a look here!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/\" \/>\n<meta property=\"og:site_name\" content=\"International SEO Consultant, Author &amp; Speaker | Aleyda Solis\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/aleydaseotips\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/aleydaseotips\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-08T19:36:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-24T19:25:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/client-side-rendered-snapshot.png\" \/>\n\t<meta property=\"og:image:width\" content=\"713\" \/>\n\t<meta property=\"og:image:height\" content=\"571\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Aleyda Solis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"PWAs &amp; SEO: Best practices &amp; validations to develop optimized PWAs\" \/>\n<meta name=\"twitter:description\" content=\"What are Progressive Web Apps? Why are they considered to be the future of mobile apps? How to create and optimize PWAs? Take a look here!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/client-side-rendered-snapshot.png\" \/>\n<meta name=\"twitter:creator\" content=\"@aleyda\" \/>\n<meta name=\"twitter:site\" content=\"@aleyda\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aleyda Solis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/\"},\"author\":{\"name\":\"Aleyda Solis\",\"@id\":\"https:\/\/www.aleydasolis.com\/#\/schema\/person\/ec6584c7e2f6e1ca7db25bd52cc3e14f\"},\"headline\":\"PWAs SEO: How to Optimize Progressive Web Apps for Search\",\"datePublished\":\"2018-12-08T19:36:08+00:00\",\"dateModified\":\"2019-11-24T19:25:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/\"},\"wordCount\":2739,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.aleydasolis.com\/#\/schema\/person\/ec6584c7e2f6e1ca7db25bd52cc3e14f\"},\"image\":{\"@id\":\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fast.wistia.com\/embed\/medias\/wtl5muwa25\/swatch\",\"articleSection\":[\"Search Engine Optimization\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/\",\"url\":\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/\",\"name\":\"PWAs SEO: How to Optimize Progressive Web Apps for Search\",\"isPartOf\":{\"@id\":\"https:\/\/www.aleydasolis.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/fast.wistia.com\/embed\/medias\/wtl5muwa25\/swatch\",\"datePublished\":\"2018-12-08T19:36:08+00:00\",\"dateModified\":\"2019-11-24T19:25:38+00:00\",\"description\":\"What are PWAs and how to make them SEO friendly? Learn all about how to implement and optimize your PWAs for Search: Steps, examples and tools!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#primaryimage\",\"url\":\"https:\/\/fast.wistia.com\/embed\/medias\/wtl5muwa25\/swatch\",\"contentUrl\":\"https:\/\/fast.wistia.com\/embed\/medias\/wtl5muwa25\/swatch\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.aleydasolis.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PWAs SEO: How to Optimize Progressive Web Apps for Search\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.aleydasolis.com\/#website\",\"url\":\"https:\/\/www.aleydasolis.com\/\",\"name\":\"Aleyda Solis - International SEO Consultant, Founder, Author & Speaker\",\"description\":\"Aleyda Solis is an SEO consultant and founder of Orainti -a boutique SEO consultancy-, speaker, and author. She shares the latest news and resources in SEO in the #SEOFOMO newsletter and Digital Marketing in #MarketingFOMO, SEO tips in the Crawling Mondays video series, and a free SEO Learning Roadmap called LearningSEO.io. European Search Personality of 2018, she&#039;s also co-founder of Remoters.net, a remote work hub, featuring a free remote job board, tools, guides, and more to empower remote work.\",\"publisher\":{\"@id\":\"https:\/\/www.aleydasolis.com\/#\/schema\/person\/ec6584c7e2f6e1ca7db25bd52cc3e14f\"},\"alternateName\":\"Aleyda Solis\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.aleydasolis.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/www.aleydasolis.com\/#\/schema\/person\/ec6584c7e2f6e1ca7db25bd52cc3e14f\",\"name\":\"Aleyda Solis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.aleydasolis.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2023\/06\/aleyda-solis-profile-pic-1024x1024.png\",\"contentUrl\":\"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2023\/06\/aleyda-solis-profile-pic-1024x1024.png\",\"width\":1024,\"height\":1024,\"caption\":\"Aleyda Solis\"},\"logo\":{\"@id\":\"https:\/\/www.aleydasolis.com\/#\/schema\/person\/image\/\"},\"description\":\"Aleyda Solis is an SEO consultant and founder of Orainti -a boutique SEO consultancy-, speaker, and author. She shares the latest news and resources in SEO in the #SEOFOMO newsletter and Digital Marketing in #MarketingFOMO, SEO tips in the Crawling Mondays video series, and a free SEO Learning Roadmap called LearningSEO.io. European Search Personality of 2018, she's also co-founder of Remoters.net, a remote work hub, featuring a free remote job board, tools, guides, and more to empower remote work.\",\"sameAs\":[\"https:\/\/www.aleydasolis.com\/\",\"https:\/\/www.facebook.com\/aleydaseotips\/\",\"https:\/\/www.instagram.com\/crawlingmondays\/\",\"https:\/\/www.linkedin.com\/in\/aleyda\/\",\"https:\/\/x.com\/aleyda\",\"https:\/\/www.youtube.com\/c\/crawlingmondaysbyaleyda\"],\"url\":\"https:\/\/www.aleydasolis.com\/en\/author\/aleyda\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PWAs SEO: How to Optimize Progressive Web Apps for Search","description":"What are PWAs and how to make them SEO friendly? Learn all about how to implement and optimize your PWAs for Search: Steps, examples and tools!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/","og_locale":"en_US","og_type":"article","og_title":"PWAs & SEO: Best practices & validations to develop optimized PWAs","og_description":"What are Progressive Web Apps? Why are they considered to be the future of mobile apps? How to create and optimize PWAs? Take a look here!","og_url":"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/","og_site_name":"International SEO Consultant, Author &amp; Speaker | Aleyda Solis","article_publisher":"https:\/\/www.facebook.com\/aleydaseotips\/","article_author":"https:\/\/www.facebook.com\/aleydaseotips\/","article_published_time":"2018-12-08T19:36:08+00:00","article_modified_time":"2019-11-24T19:25:38+00:00","og_image":[{"width":713,"height":571,"url":"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/client-side-rendered-snapshot.png","type":"image\/png"}],"author":"Aleyda Solis","twitter_card":"summary_large_image","twitter_title":"PWAs & SEO: Best practices & validations to develop optimized PWAs","twitter_description":"What are Progressive Web Apps? Why are they considered to be the future of mobile apps? How to create and optimize PWAs? Take a look here!","twitter_image":"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2018\/12\/client-side-rendered-snapshot.png","twitter_creator":"@aleyda","twitter_site":"@aleyda","twitter_misc":{"Written by":"Aleyda Solis","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#article","isPartOf":{"@id":"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/"},"author":{"name":"Aleyda Solis","@id":"https:\/\/www.aleydasolis.com\/#\/schema\/person\/ec6584c7e2f6e1ca7db25bd52cc3e14f"},"headline":"PWAs SEO: How to Optimize Progressive Web Apps for Search","datePublished":"2018-12-08T19:36:08+00:00","dateModified":"2019-11-24T19:25:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/"},"wordCount":2739,"commentCount":0,"publisher":{"@id":"https:\/\/www.aleydasolis.com\/#\/schema\/person\/ec6584c7e2f6e1ca7db25bd52cc3e14f"},"image":{"@id":"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#primaryimage"},"thumbnailUrl":"https:\/\/fast.wistia.com\/embed\/medias\/wtl5muwa25\/swatch","articleSection":["Search Engine Optimization"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/","url":"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/","name":"PWAs SEO: How to Optimize Progressive Web Apps for Search","isPartOf":{"@id":"https:\/\/www.aleydasolis.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#primaryimage"},"image":{"@id":"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#primaryimage"},"thumbnailUrl":"https:\/\/fast.wistia.com\/embed\/medias\/wtl5muwa25\/swatch","datePublished":"2018-12-08T19:36:08+00:00","dateModified":"2019-11-24T19:25:38+00:00","description":"What are PWAs and how to make them SEO friendly? Learn all about how to implement and optimize your PWAs for Search: Steps, examples and tools!","breadcrumb":{"@id":"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#primaryimage","url":"https:\/\/fast.wistia.com\/embed\/medias\/wtl5muwa25\/swatch","contentUrl":"https:\/\/fast.wistia.com\/embed\/medias\/wtl5muwa25\/swatch"},{"@type":"BreadcrumbList","@id":"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.aleydasolis.com\/en\/"},{"@type":"ListItem","position":2,"name":"PWAs SEO: How to Optimize Progressive Web Apps for Search"}]},{"@type":"WebSite","@id":"https:\/\/www.aleydasolis.com\/#website","url":"https:\/\/www.aleydasolis.com\/","name":"Aleyda Solis - International SEO Consultant, Founder, Author & Speaker","description":"Aleyda Solis is an SEO consultant and founder of Orainti -a boutique SEO consultancy-, speaker, and author. She shares the latest news and resources in SEO in the #SEOFOMO newsletter and Digital Marketing in #MarketingFOMO, SEO tips in the Crawling Mondays video series, and a free SEO Learning Roadmap called LearningSEO.io. European Search Personality of 2018, she&#039;s also co-founder of Remoters.net, a remote work hub, featuring a free remote job board, tools, guides, and more to empower remote work.","publisher":{"@id":"https:\/\/www.aleydasolis.com\/#\/schema\/person\/ec6584c7e2f6e1ca7db25bd52cc3e14f"},"alternateName":"Aleyda Solis","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.aleydasolis.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.aleydasolis.com\/#\/schema\/person\/ec6584c7e2f6e1ca7db25bd52cc3e14f","name":"Aleyda Solis","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.aleydasolis.com\/#\/schema\/person\/image\/","url":"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2023\/06\/aleyda-solis-profile-pic-1024x1024.png","contentUrl":"https:\/\/www.aleydasolis.com\/wp-content\/uploads\/2023\/06\/aleyda-solis-profile-pic-1024x1024.png","width":1024,"height":1024,"caption":"Aleyda Solis"},"logo":{"@id":"https:\/\/www.aleydasolis.com\/#\/schema\/person\/image\/"},"description":"Aleyda Solis is an SEO consultant and founder of Orainti -a boutique SEO consultancy-, speaker, and author. She shares the latest news and resources in SEO in the #SEOFOMO newsletter and Digital Marketing in #MarketingFOMO, SEO tips in the Crawling Mondays video series, and a free SEO Learning Roadmap called LearningSEO.io. European Search Personality of 2018, she's also co-founder of Remoters.net, a remote work hub, featuring a free remote job board, tools, guides, and more to empower remote work.","sameAs":["https:\/\/www.aleydasolis.com\/","https:\/\/www.facebook.com\/aleydaseotips\/","https:\/\/www.instagram.com\/crawlingmondays\/","https:\/\/www.linkedin.com\/in\/aleyda\/","https:\/\/x.com\/aleyda","https:\/\/www.youtube.com\/c\/crawlingmondaysbyaleyda"],"url":"https:\/\/www.aleydasolis.com\/en\/author\/aleyda\/"}]}},"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pgpHtA-4aP","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.aleydasolis.com\/en\/wp-json\/wp\/v2\/posts\/16047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aleydasolis.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.aleydasolis.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.aleydasolis.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aleydasolis.com\/en\/wp-json\/wp\/v2\/comments?post=16047"}],"version-history":[{"count":0,"href":"https:\/\/www.aleydasolis.com\/en\/wp-json\/wp\/v2\/posts\/16047\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.aleydasolis.com\/en\/wp-json\/wp\/v2\/media?parent=16047"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.aleydasolis.com\/en\/wp-json\/wp\/v2\/categories?post=16047"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.aleydasolis.com\/en\/wp-json\/wp\/v2\/tags?post=16047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}