{"id":52151,"date":"2017-11-14T08:00:54","date_gmt":"2017-11-14T07:00:54","guid":{"rendered":"https:\/\/www.humanlevel.com\/sin-categorizar\/progressive-web-apps-pwa-que-son-y-por-que-van-a-mejorar-mis-visitas.html"},"modified":"2023-05-30T00:00:00","modified_gmt":"2023-05-29T22:00:00","slug":"progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits","status":"publish","type":"post","link":"https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits","title":{"rendered":"Progressive Web Apps, what are they and why will they improve my visits?"},"content":{"rendered":"<p>Google coined the term Progressive Web Applications, <strong>Progressive Web Apps (PWA)<\/strong> at the end of 2015, to give a name to the <strong>web applications that are indistinguishable from mobile applications<\/strong>The aim was to promote its development, while at the same time establishing the characteristics that a website must meet in order to fall into this category.<\/p>\n<p>Google is betting heavily on these technologies because it has already seen that <strong>users are increasingly more loyal to mobile applications than to websites<\/strong>, and having <strong>websites that are also mobile applications<\/strong> is the best way to turn the tables. However, this is not something new, I already wrote a few years ago about how web apps were going to be indistinguishable from mobile apps. In fact, all this began to develop in 2005 when the Web Applications 1.0 standard, which would later become the &lt;strong5 standard, began to take shape within the newly created <strong>WHATWG<\/strong>.<\/p>\n<p>The word &#8220;progressive&#8221; from the name Progressive Web App, comes from the <strong>progressive enhancement development strategy<\/strong>, which is used to deal with functionalities that are not available in all browsers, so that <strong>functionalities are added starting from the most basic one <\/strong>to ensure that the site remains accessible if the more advanced features are not enabled.<\/p>\n<p><img loading=\"lazy\" class=\"size-full wp-image-29183 alignleft\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/lighthouse.png\" alt=\"Lighthouse - PWA analyzer\" width=\"300\" height=\"169\" \/><strong>Google<\/strong> has elaborated a long series of points that a web must fulfill to enter within this classification and you can consult it in the following link:<br \/>\n<a href=\"https:\/\/web.dev\/pwa-checklist\/\">https:\/\/web.dev\/pwa-checklist\/<\/a><\/p>\n<p>As you will see some points are to provide what we computer engineers call <strong>functional requirements<\/strong>. These dictate what the application can do. Other points are to provide <strong>non-functional requirements<\/strong>, such as good user experience, performance, security, etc. So a <strong>PWA can not only offer functions of a mobile application but must also be perfectly implemented<\/strong>.<\/p>\n<p>Google provides us with the tool <strong><a title=\"Go to install Lighthouse extension\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk\" target=\"_blank\" rel=\"noopener noreferrer\">Lighthouse<\/a> <\/strong>to guide developers through the sea of requirements that a website must meet to be considered 100% PWA. This tool can be found as an extension in Chrome or in the Audits tab of the developer tools. We also have the option of using it via command line, installing it from the package manager of the Node.js development framework.<\/p>\n<p>Below is a summary of some of these requirements.<\/p>\n<h2>Outstanding features that a Progressive Web App must fulfill<\/h2>\n<ul>\n<li>Must be <strong>responsive<\/strong>: the design must automatically adapt to any screen resolution.<\/li>\n<li>With <strong>push notifications<\/strong>If you still don&#8217;t know what they consist of, I advise you to read the entry: <a title=\"Go to push notifications entry on your website to increase recurring visits and conversions\" href=\"https:\/\/www.humanlevel.com\/en\/blog\/digital-marketing\/push-notifications-on-your-website-to-increase-repeat-visitors-and-conversions\" target=\"_blank\" rel=\"noopener noreferrer\">Push notifications on your website to increase recurring visits and conversions<\/a>. This is one of the most interesting features of PWAs, since, in addition to a new functionality that can bring value to the user, it is a <strong>a new type of online advertising<\/strong>.<\/li>\n<li><strong>Improved connectivity<\/strong> for <strong>working offline or with poor quality networks<\/strong>. I have previously written about a technology to do this called Application Cache, but this solution has ended up being discarded for generating quite a few problems to properly manage updates. So now they must be used, <strong>service workers<\/strong>, which is a solution that allows any cache strategy implementation we can imagine (plus they are also used for push notifications). These are small JavaScript programs that remain resident in the user&#8217;s browser and allow us to intercept requests and decide how to handle them. The most common caching strategies are <strong>cache-first and network-first<\/strong>, with the former we query the cache and then launch the request to the network and, with the latter, the other way around. Within each one we can have different functionalities, such as <strong>indicating to the user that he\/she is browsing offline or if an update is available<\/strong>.<br \/>\nFor URL caching the <strong>Cache API<\/strong> is used (it makes use of Cache Storage) and for the rest of the <strong>IndexedDB<\/strong> data, Web Storage (Local Storage and Session Storage) is not used, nor any other storage API because they are not accessible from service workers. The supported space depends on the browser and the free space available. High quantities can only be stored by requesting permission from the user.<\/p>\n<p><figure id=\"attachment_29186\" aria-describedby=\"caption-attachment-29186\" style=\"width: 560px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" class=\"wp-image-29186 size-full\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/service-worker.png\" alt=\"Functional diagram of a service worker\" width=\"570\" height=\"322\" srcset=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/service-worker.png 570w, https:\/\/www.humanlevel.com\/wp-content\/uploads\/service-worker-400x226.png 400w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><figcaption id=\"caption-attachment-29186\" class=\"wp-caption-text\">Functional diagram of a service worker<\/figcaption><\/figure><\/li>\n<li><strong>It encourages recurring visits as it can be added<\/strong> from the browser options (only Google Chrome, Firefox and Opera at the moment) <strong>as a mobile application<\/strong> with its own direct access. For this we must create a <strong>manifest.json<\/strong> file where we specify how we want the application to be displayed: name, icons of all the necessary sizes, interface buttons, home url, etc. Then we will have to link this file from the HTML code by inserting inside the tag the following code and uploading the manifest.json file to the root:\n<div><code>&lt;link rel=\"manifest\" href=\"\/manifest.json\" \/&gt;<\/code><\/div>\n<p>Additionally, if certain requirements are met, <strong>Chrome will display a <a href=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/banner\" target=\"_blank\" rel=\"noopener noreferrer\">banner<\/a> to install the web App<\/strong> (Opera has already announced that it will also have this option). These requirements are currently: that the user has visited the page 2 times, at least 5 minutes apart between visits, that a service worker has been registered and that the manifest.json file has certain mandatory parameters (name, short name, icons of at least up to 144 pixels and the start URL).<br \/>\n<img loading=\"lazy\" class=\"aligncenter size-full wp-image-29187\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/chrome-add-to-home.png\" alt=\"add to home\" width=\"262\" height=\"147\" \/><\/p>\n<p>The developer can <strong>capture the moment when the browser decides to display the banner to launch it at a more opportune time<\/strong>, as this will make it more likely that the user will add the application. This can be done when the user has completed a purchase or a reservation, or simply put a prominent button on the web interface for the user to add it as an App whenever they want.<\/p>\n<p>In the following link we have an example of <strong>Microsoft PWAs generator<\/strong> that creates the manifest.json file by entering the parameters: <a href=\"https:\/\/preview.pwabuilder.com\/generator\">https:\/\/preview.pwabuilder.com\/generator<\/a><\/li>\n<li><strong>Fast<\/strong>: <strong>all kinds of WPO techniques<\/strong> must be used to ensure that the loading is instantaneous, that the screen does not jump when loading, that the interface response is immediate, etc.<br \/>\nAmong the WPO techniques used, it is worth mentioning AJAX, or as it is also called now, API Fetch. Google recommends having a <strong>shell<\/strong> of the application that is initially loaded and there we will only modify the main content during navigation with the Fetch API. We will see the <strong>indexability problems<\/strong> this poses in a future post in which I will talk about <strong>SPA (Single Page Applications) frameworks<\/strong> that are useful to have this structure, and if they are not implemented in the right way, we will have pages that will not be indexable.<\/li>\n<li><strong>Secure<\/strong>: must have <strong><a title=\"Go to entry: everything you need to know to migrate your website to HTTPS\" href=\"https:\/\/www.humanlevel.com\/en\/blog\/seo\/everything-you-need-to-know-to-migrate-your-website-to-https\" target=\"_blank\" rel=\"noopener noreferrer\">HTTPS<\/a><\/strong>. This is also necessary to be able to install service workers to the user, since it is the best way to ensure that the JavaScript of the service worker comes from the domain that has been requested without modifications from possible hackers.<\/li>\n<li><strong>Indexable and linkable<\/strong>: PWAs must be indexable to be discoverable by search engines. Not only that, but <strong>the Windows Store is going to start including the PWAs<\/strong> it indexes later this year, in order to increase its catalog of applications.<br \/>\nIt is not yet known if in the future we will see PWAs in the rest of the markets such as Google Play or the Apple Store, but if it happens, it is most likely that Google Play will do it, since they are taking a lot of trouble to promote PWAs and to integrate them well in Android, while Apple is not very given to free Apps.<\/li>\n<\/ul>\n<h2>Intrinsic technological characteristics of PWAs<\/h2>\n<ul>\n<li>These <strong>applications are cross-platform<\/strong>, meaning that they can run on any device, be it Android, iOS, Windows Phone or any browser, thus saving the cost of developing a website and an application for each type of operating system.<\/li>\n<li>For video games and other applications with a <strong>high computational cost<\/strong> (virtual reality, augmented reality, photo retouching, video editing, etc.), <strong>are not as fast as native applications<\/strong> but with the technology <strong>WebAssembly<\/strong>, which is currently under development, <strong>the difference will be very little <\/strong>because it will allow executing code compiled in C or C++ on the client.<\/li>\n<li>These are applications that <strong>, in addition to offering content, have functionalities that we can see in any mobile<\/strong> or even desktop <strong>application<\/strong>. They can access the camera, microphone, GPS, accelerometer, etc.<\/li>\n<\/ul>\n<p>Finally, keep in mind that it is not necessary for your website to score 100% on Lighthouse. Reaching this level of excellence is difficult, but it is <strong>by implementing just a few items from Google&#8217;s checklist, that we will be able to notice an improvement in traffic<\/strong>. I&#8217;m referring to the<strong> push notifications<\/strong>, the ability to be able to <strong>add the web as an application to the mobile desktop<\/strong> and, above all, those points that have the greatest effect on <strong>to the speed of our site and the user experience<\/strong>, where it is important to highlight the <strong>loading from cache with service workers<\/strong> and navigation with the <strong>Fetch or AJAX API<\/strong>.<\/p>\n\n<section class=\"rounded-xlg cta-image\">\n<div>\n<p class=\"gb-text cta-abovetitle\">Tu marca, visible y encontrable<\/p>\n\n\n\n<p class=\"gb-text cta-title\">Est\u00e1s a un paso de dominar tu categor\u00eda online<\/p>\n\n\n\n<a class=\"gb-text btn\" href=\"#anchor-formulario\">Start now<\/a>\n<\/div>\n\n\n\n<img loading=\"lazy\" class=\"gb-media-f45eabef\" alt=\"\" title=\"HL20-SEO\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/HL20-SEO-1-e1770805082974.png\" width=\"500\" height=\"400\"\/>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"<p>Discover how Progressive Web Apps increase visits and conversions thanks to new functionalities and&#8230;<\/p>\n","protected":false},"author":14,"featured_media":47828,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[349],"tags":[379],"class_list":["post-52151","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","tag-wpo"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Progressive Web Apps, what are they and why will they improve my visits? | Human Level<\/title>\n<meta name=\"description\" content=\"Discover how Progressive Web Apps (PWA) increase visits and conversions thanks to new features and improvements.\" \/>\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.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progressive Web Apps, what are they and why will they improve my visits? | Human Level\" \/>\n<meta property=\"og:description\" content=\"Discover how Progressive Web Apps (PWA) increase visits and conversions thanks to new features and improvements.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits\" \/>\n<meta property=\"og:site_name\" content=\"Human Level\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-14T07:00:54+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-05-29T22:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/progressive-web-apps.png\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ram\u00f3n Saquete\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@daiatron\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ram\u00f3n Saquete\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/blog\\\/seo\\\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/blog\\\/seo\\\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits\"},\"author\":{\"name\":\"Ram\u00f3n Saquete\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#\\\/schema\\\/person\\\/11ad888926867985985a0210476bae94\"},\"headline\":\"Progressive Web Apps, what are they and why will they improve my visits?\",\"datePublished\":\"2017-11-14T07:00:54+00:00\",\"dateModified\":\"2023-05-29T22:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/blog\\\/seo\\\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits\"},\"wordCount\":1552,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/blog\\\/seo\\\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/progressive-web-apps.png\",\"keywords\":[\"WPO\"],\"articleSection\":[\"SEO\\\/GEO\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/blog\\\/seo\\\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/blog\\\/seo\\\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/blog\\\/seo\\\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits\",\"name\":\"Progressive Web Apps, what are they and why will they improve my visits? | Human Level\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/blog\\\/seo\\\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/blog\\\/seo\\\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/progressive-web-apps.png\",\"datePublished\":\"2017-11-14T07:00:54+00:00\",\"dateModified\":\"2023-05-29T22:00:00+00:00\",\"description\":\"Discover how Progressive Web Apps (PWA) increase visits and conversions thanks to new features and improvements.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/blog\\\/seo\\\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/blog\\\/seo\\\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/blog\\\/seo\\\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#primaryimage\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/progressive-web-apps.png\",\"contentUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/progressive-web-apps.png\",\"width\":400,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/blog\\\/seo\\\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/www.humanlevel.com\\\/en\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/blog\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"SEO\\\/GEO\",\"item\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/blog\\\/seo\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Progressive Web Apps, what are they and why will they improve my visits?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#website\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/en\",\"name\":\"Human Level\",\"description\":\"Web positioning and online marketing consultant Human Level\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.humanlevel.com\\\/en?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#organization\",\"name\":\"Human Level\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/en\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/logohl25x3.png\",\"contentUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/logohl25x3.png\",\"width\":600,\"height\":93,\"caption\":\"Human Level\"},\"image\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/human-level-communications\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/humanlevelcommunica\",\"https:\\\/\\\/bsky.app\\\/profile\\\/humanlevel.bsky.social\",\"https:\\\/\\\/instagram.com\\\/humanlevel\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#\\\/schema\\\/person\\\/11ad888926867985985a0210476bae94\",\"name\":\"Ram\u00f3n Saquete\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/1x1-ramon-saquete-26-96x96.jpg\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/1x1-ramon-saquete-26-96x96.jpg\",\"contentUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/1x1-ramon-saquete-26-96x96.jpg\",\"caption\":\"Ram\u00f3n Saquete\"},\"description\":\"Web Developer and Technical SEO Consultant at Human Level. He holds degrees in Computer Engineering and Technical Engineering in Computer Systems. He also earned a Higher Vocational Degree in Computer Applications Development and later obtained the Certificate of Pedagogical Aptitude (CAP). He is an expert in WPO and indexability.\",\"sameAs\":[\"https:\\\/\\\/es.linkedin.com\\\/in\\\/ramonsaquete\",\"https:\\\/\\\/x.com\\\/daiatron\"],\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/author\\\/ramon\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progressive Web Apps, what are they and why will they improve my visits? | Human Level","description":"Discover how Progressive Web Apps (PWA) increase visits and conversions thanks to new features and improvements.","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.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits","og_locale":"en_US","og_type":"article","og_title":"Progressive Web Apps, what are they and why will they improve my visits? | Human Level","og_description":"Discover how Progressive Web Apps (PWA) increase visits and conversions thanks to new features and improvements.","og_url":"https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits","og_site_name":"Human Level","article_published_time":"2017-11-14T07:00:54+00:00","article_modified_time":"2023-05-29T22:00:00+00:00","og_image":[{"width":400,"height":400,"url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/progressive-web-apps.png","type":"image\/png"}],"author":"Ram\u00f3n Saquete","twitter_card":"summary_large_image","twitter_creator":"@daiatron","twitter_misc":{"Written by":"Ram\u00f3n Saquete","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#article","isPartOf":{"@id":"https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits"},"author":{"name":"Ram\u00f3n Saquete","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/person\/11ad888926867985985a0210476bae94"},"headline":"Progressive Web Apps, what are they and why will they improve my visits?","datePublished":"2017-11-14T07:00:54+00:00","dateModified":"2023-05-29T22:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits"},"wordCount":1552,"commentCount":0,"publisher":{"@id":"https:\/\/www.humanlevel.com\/en#organization"},"image":{"@id":"https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#primaryimage"},"thumbnailUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/progressive-web-apps.png","keywords":["WPO"],"articleSection":["SEO\/GEO"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits","url":"https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits","name":"Progressive Web Apps, what are they and why will they improve my visits? | Human Level","isPartOf":{"@id":"https:\/\/www.humanlevel.com\/en#website"},"primaryImageOfPage":{"@id":"https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#primaryimage"},"image":{"@id":"https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#primaryimage"},"thumbnailUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/progressive-web-apps.png","datePublished":"2017-11-14T07:00:54+00:00","dateModified":"2023-05-29T22:00:00+00:00","description":"Discover how Progressive Web Apps (PWA) increase visits and conversions thanks to new features and improvements.","breadcrumb":{"@id":"https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#primaryimage","url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/progressive-web-apps.png","contentUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/progressive-web-apps.png","width":400,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.humanlevel.com\/en\/blog\/seo\/progressive-web-apps-pwa-what-are-they-and-why-will-they-improve-my-visits#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/www.humanlevel.com\/en"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/www.humanlevel.com\/en\/blog"},{"@type":"ListItem","position":3,"name":"SEO\/GEO","item":"https:\/\/www.humanlevel.com\/en\/blog\/seo"},{"@type":"ListItem","position":4,"name":"Progressive Web Apps, what are they and why will they improve my visits?"}]},{"@type":"WebSite","@id":"https:\/\/www.humanlevel.com\/en#website","url":"https:\/\/www.humanlevel.com\/en","name":"Human Level","description":"Web positioning and online marketing consultant Human Level","publisher":{"@id":"https:\/\/www.humanlevel.com\/en#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.humanlevel.com\/en?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.humanlevel.com\/en#organization","name":"Human Level","url":"https:\/\/www.humanlevel.com\/en","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/logo\/image\/","url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/logohl25x3.png","contentUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/logohl25x3.png","width":600,"height":93,"caption":"Human Level"},"image":{"@id":"https:\/\/www.humanlevel.com\/en#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/human-level-communications","https:\/\/www.youtube.com\/user\/humanlevelcommunica","https:\/\/bsky.app\/profile\/humanlevel.bsky.social","https:\/\/instagram.com\/humanlevel"]},{"@type":"Person","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/person\/11ad888926867985985a0210476bae94","name":"Ram\u00f3n Saquete","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/1x1-ramon-saquete-26-96x96.jpg","url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/1x1-ramon-saquete-26-96x96.jpg","contentUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/1x1-ramon-saquete-26-96x96.jpg","caption":"Ram\u00f3n Saquete"},"description":"Web Developer and Technical SEO Consultant at Human Level. He holds degrees in Computer Engineering and Technical Engineering in Computer Systems. He also earned a Higher Vocational Degree in Computer Applications Development and later obtained the Certificate of Pedagogical Aptitude (CAP). He is an expert in WPO and indexability.","sameAs":["https:\/\/es.linkedin.com\/in\/ramonsaquete","https:\/\/x.com\/daiatron"],"url":"https:\/\/www.humanlevel.com\/en\/author\/ramon"}]}},"_links":{"self":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/posts\/52151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/comments?post=52151"}],"version-history":[{"count":11,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/posts\/52151\/revisions"}],"predecessor-version":[{"id":53357,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/posts\/52151\/revisions\/53357"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/media\/47828"}],"wp:attachment":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/media?parent=52151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/categories?post=52151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/tags?post=52151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}