{"id":52153,"date":"2017-10-30T08:10:35","date_gmt":"2017-10-30T07:10:35","guid":{"rendered":"https:\/\/www.humanlevel.com\/sin-categorizar\/guia-basica-de-usabilidad-adaptada-al-seo.html"},"modified":"2017-10-30T00:00:00","modified_gmt":"2017-10-29T23:00:00","slug":"basic-usability-guide-adapted-to-seo","status":"publish","type":"post","link":"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo","title":{"rendered":"A basic guide to web usability adapted to SEO"},"content":{"rendered":"<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Index<\/p><ul class=\"toc_list\"><li><a href=\"#Speed_and_loading_order\">Speed and loading order<\/a><\/li><li><a href=\"#Navigation_structure\">Navigation structure<\/a><\/li><li><a href=\"#Adequacy_of_language\">Adequacy of language<\/a><\/li><li><a href=\"#Content_structure\">Content structure<\/a><\/li><li><a href=\"#Mobile_version\">Mobile version<\/a><\/li><li><a href=\"#Broken_links_and_error_pages\">Broken links and error pages<\/a><\/li><li><a href=\"#Last_notes\">Last notes<\/a><\/li><\/ul><\/div>\n<p>In this article we will explore the basic aspects of usability that are fundamental to a website&#8217;s SEO. Although the concepts of &#8220;SEO&#8221; and &#8220;<a href=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/usability\" target=\"_blank\" rel=\"noopener noreferrer\">usability<\/a>&#8221; do not seem a priori to be closely related, the truth is that nowadays <strong>these two disciplines could be considered practically inseparable in the web environment<\/strong>, due to several factors.<\/p>\n\n<p>On the one hand, search engines have evolved enough to understand that <strong>usability is a very important aspect for a satisfactory user experience<\/strong> and their algorithms take into account how usable a website is to assess and determine its ranking in the <a title=\"See the definition of SERPs in Human Level's Online Marketing Dictionary\" href=\"https:\/\/www.humanlevel.com\/en\/blog\/seo\/types-of-google-serp-results-and-how-to-appear-in-them\" target=\"_blank\" rel=\"noopener noreferrer\">SERPs<\/a>.<\/p>\n<p>On the other hand, a portal can be very usable and intuitive in terms of design and structure, but if it is not optimized by and for the user, taking into account the keywords that can generate the highest volume of relevant traffic and the most frequent searches performed by its target audience, it loses some usability points. This is because not only are we not using the terms and concepts that our users understand and are looking for, but we are also not giving them higher priority at the level of the <a title=\"Read the information architecture article in Human Level Press\" href=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/information-architecture-ia\" target=\"_blank\" rel=\"noopener noreferrer\">information architecture<\/a> so they can find it more easily and quickly access the content they were looking for.<\/p>\n<p>These could be considered the main reasons why <strong>it is extremely necessary to work on both aspects at the same time<\/strong> and try to make them go hand in hand throughout the whole process of website development. We must ask ourselves, for whom are we building and optimizing our website? The answer will always be found in our target audience.<\/p>\n\n<blockquote><p>Although it may seem contradictory to the title of the article, <strong>forget a little about what you think the search engines want, and focus on your future users<\/strong>.<\/p><\/blockquote>\n<p>Before getting into the subject, let&#8217;s remember some basic usability concepts that should govern any design:<\/p>\n<ul>\n<li>Efficient<\/li>\n<li>Quick<\/li>\n<li>Intuitive<\/li>\n<li>Memorable<\/li>\n<li>Easy to use<\/li>\n<\/ul>\n<p>So, let&#8217;s see the aspects that we can not miss if we want our website to be an example of usability and good user experience as well as good SEO.<\/p>\n<h2><span id=\"Speed_and_loading_order\">Speed and loading order<\/span><\/h2>\n<p>Your website should load quickly and in a logical order, <strong>giving priority to the main content of each page<\/strong>.<\/p>\n<p><strong>Although at a usability level it does not seem to have such a big implication as at SEO level<\/strong>, taking into account that nowadays almost anyone has access to a fast and reliable Internet connection, we have to consider also those people who either live in remote places and have to navigate with a slow Internet connection, or the times when they suffer coverage problems. In any case, it is very important if we look at it from the point of view of a search engine, since it will look at what content we prioritize in the pages of our website through the loading order -among other things- and <strong>the main content block will always have more weight in the calculation of relevance<\/strong>, since it is the one that offers the most complete information, both for users and search engines.<\/p>\n\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-29440 size-thumbnail alignleft\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/velocidad-de-carga-150x150.png\" alt=\"Loading speed\" width=\"150\" height=\"150\" \/>Let&#8217;s see it with the following example: let&#8217;s say you have an online shoe store and a user accesses the boots category. Obviously, the user wants to explore as soon as possible your product catalog, to see if you have in stock that model of boot they are looking for, so once they load the items within the tags &lt;head&gt;&lt;\/head&gt;, the product listing should be the first thing that appears before your eyes. And following the main content, we would load the sidebar with the corresponding subcategories or filters, the footer with additional information about our company or business, as well as other elements.<\/p>\n<p>We can see it in the same way with an article in a current magazine or newspaper. Why did we enter that link or search result? To obtain information about an event, discovery, study&#8230; The block of the news content and its headline should be loaded first, followed by the related news module in the <em>sidebar<\/em>, announcements, information about the author, comments, etc.<\/p>\n<h2><span id=\"Navigation_structure\">Navigation structure<\/span><\/h2>\n<p>The structure of the site must also be organized in order of priority, although we are going to look at it from a different perspective. We want the user to find what they are looking for quickly and easily, rather than wandering around the website in frustration. Taking into account the wide range of products, services and contents that the immensity of the network makes available to us, <strong>it&#8217;s easier to hit the &#8220;Back&#8221; button and try another search result<\/strong>. We have to go from one link to another for half an hour, without even the guarantee that we will arrive at the desired destination. For that reason, <strong>this point is vital<\/strong> for a portal, since we want to keep our bounce rate to a minimum.<\/p>\n<p>Taking into account the theme of our website, and already with the <a href=\"https:\/\/www.humanlevel.com\/en\/blog\/seo\/defining-a-list-of-keywords-for-your-seo-campaign\" target=\"_blank\" rel=\"noopener noreferrer\">keyword consulting done<\/a>, <strong>we will consider the terms with the highest search potential and those that are most important for our business and our target audience<\/strong>. We want to create a navigation structure that is simple, intuitive and responsive to users&#8217; needs.<\/p>\n\n<p>Generally, <strong>the gateway to a website is the home page<\/strong>. It is our showcase, where we advertise the most interesting content, the most popular products and our star or most demanded services. From there, we want to provide the user with a clear map through which they can navigate to reach their goal, whether it is to find out about a treatment, check their latest bank transactions, hire a cleaning service, or buy a new pair of running shoes.<\/p>\n<p><strong>The most important contents<\/strong> (due to their profitability, demand, exclusivity, more generic nature&#8230;) <strong>should be easy to find and located at a shorter distance of clicks from the home page<\/strong>, while the more specific contents will be located at a deeper level in the <a href=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/information-architecture-ia\" target=\"_blank\" rel=\"noopener noreferrer\">web architecture<\/a>.<\/p>\n\n<p>So, if we have an e-commerce for pet products, mainly focused on cats and dogs, it could have a main navigation structure similar to this one:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-29547 aligncenter\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/estructura-navegacion-tienda-mascotas.png\" alt=\"Usable navigation structure for a pet store\" width=\"751\" height=\"402\" srcset=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/estructura-navegacion-tienda-mascotas.png 833w, https:\/\/www.humanlevel.com\/wp-content\/uploads\/estructura-navegacion-tienda-mascotas-720x385.png 720w, https:\/\/www.humanlevel.com\/wp-content\/uploads\/estructura-navegacion-tienda-mascotas-768x411.png 768w\" sizes=\"auto, (max-width: 751px) 100vw, 751px\" \/>This is a simple example, but it could also have some filters, for example in the &#8220;Other pets&#8221; section, where we don&#8217;t have many products but we want to make the search easier for users who have rodents, birds, fish, reptiles&#8230; It would be adapted according to the needs of our catalog and our users, in addition to the corporate sections such as &#8220;About us&#8221; and &#8220;Blog&#8221;, or even a section dedicated to stock clearance in &#8220;Outlet&#8221; or &#8220;Offers&#8221;, etc.<\/p>\n<p>The better the structure, the easier it is for the user to navigate and the <strong>more <a href=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/accessibility-guidelines-wcag\" target=\"_blank\" rel=\"noopener noreferrer\">accessible<\/a><\/strong> it is <strong>for search engine spiders to understand our website and index it correctly<\/strong>.<\/p>\n<h2><span id=\"Adequacy_of_language\">Adequacy of language<\/span><\/h2>\n<p>We often forget that even if we know something and it seems too obvious to us, it does not mean that the rest of the world has the same knowledge and facility to understand these things.<\/p>\n<p>Keep in mind that <strong>your expert point of view on the subject on which your website is based will not always match the level of your users<\/strong>, whose expertise on the subject may be more or less extensive, or even non-existent.<\/p>\n<p>It is important that you do <strong>not get carried away by the technicalities<\/strong> of your specialty, but that you know how to adapt the technical language that you consider &#8220;correct&#8221; to the way in which your clients and users can understand it. While it is important to know how to educate and convey through our content that we are the best in a certain aspect or area, we do not have to do it only through unpronounceable words and terms that do not say anything to the average user. If we want our potential customers to purchase our product or service, and we are not targeting a professional or specialized audience, <strong>we must adapt our language to them and explain in their own words who we are and what we offer<\/strong>, both in terms of content and navigation through the portal.<\/p>\n\n<h2><span id=\"Content_structure\">Content structure<\/span><\/h2>\n<p>All content should start with a title that in a very small number of words explains what it is going to talk about:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-29543 size-large\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/encabezados-titulos-usabilidad-1024x305.png\" alt=\"Content title with H1 header\" width=\"1024\" height=\"305\" \/>If we have an online store and we enter a certain product category, we would follow the same example. Let&#8217;s look at Amazon.es:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-29443 size-large\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/titulo-categoria-productos-1024x270.png\" alt=\"Title of a product category\" width=\"1024\" height=\"270\" \/><\/p>\n<p>Logically, since both examples are the main title, they are marked with an H1 header, which must be unique on each page. With this we achieve:<\/p>\n<ol>\n<li>The user can identify at a quick glance where he is and what he is going to see or read on a given page, without any trick or gimmick.<\/li>\n<li>The search engine robot that crawls the site can also easily identify what the page is about, thanks to the fact that the title is marked with a tag &lt;H1&gt;.<\/li>\n<\/ol>\n<p>In addition to the title, if we are inside an article or presentation of a service, <strong>the content block must be easy to scan quickly<\/strong>. Let&#8217;s face it: few users come in and carefully read every page we have on our website.<\/p>\n\n<p>For this reason, and to make reading more dynamic for users who do stop to read the content of our site, we can use several techniques:<\/p>\n<ul>\n<li>Use of <strong>bold<\/strong> formatting to highlight main ideas.<\/li>\n<li>Use of <strong>bullets<\/strong> for listings.<\/li>\n<li>Use of <strong>graphic elements<\/strong> such as icons, images or animations.<\/li>\n<li>Use of <strong>diagrams<\/strong> to summarize complex ideas.<\/li>\n<li>Etc.<\/li>\n<\/ul>\n<p>It is also important to provide the user with the <strong><a href=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/breadcrumb-trail\" target=\"_blank\" rel=\"noopener noreferrer\"> <em>breadcrumbs<\/em><\/a><\/strong> element<strong>, so that every time he\/she is on a page he\/she knows where he\/she is and can return to the previous level<\/strong> of the architecture at any time quickly. Some examples of well implemented breadcrumbs:<\/p>\n<p>In Human Level articles:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-29544 size-full aligncenter\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/migas-de-pan.png\" alt=\"Bread crumbs\" width=\"757\" height=\"86\" srcset=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/migas-de-pan.png 757w, https:\/\/www.humanlevel.com\/wp-content\/uploads\/migas-de-pan-720x82.png 720w\" sizes=\"auto, (max-width: 757px) 100vw, 757px\" \/><\/p>\n<p style=\"text-align: left;\">In the online clothing store Asos.com<\/p>\n<h2><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-29545 size-full\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/breadcrumbs-usables.png\" alt=\"Usable Breadcrumbs\" width=\"375\" height=\"110\" \/><\/h2>\n<p>In the pet store Tiendanimal.es:<\/p>\n<h2><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-29548 aligncenter\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/migas-de-pan-usables.png\" alt=\"Usable breadcrumbs\" width=\"419\" height=\"116\" srcset=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/migas-de-pan-usables.png 419w, https:\/\/www.humanlevel.com\/wp-content\/uploads\/migas-de-pan-usables-414x116.png 414w\" sizes=\"auto, (max-width: 419px) 100vw, 419px\" \/><\/h2>\n<h2><span id=\"Mobile_version\">Mobile version<\/span><\/h2>\n<p>Technology is advancing by leaps and bounds, and so is its use. If your target audience already uses mobile devices more than computers to search or shop online (they probably do), <strong>it is absolutely essential that your website is properly adapted to this type of device<\/strong>. What does a good adaptation to <em>mobile<\/em> entail?<\/p>\n<ul>\n<li>Graphical elements such as large buttons, easily clickable and sufficiently separated from each other so that we do not click by mistake on a link that we did not intend to access.<\/li>\n<li>Text size large enough to be readable without straining the eyes.<\/li>\n<li>Adaptive or <em>responsive<\/em> design, that is, that your website automatically adapts to the characteristics of any screen of the device from which a user is browsing, without the existence of a horizontal scroll bar.<\/li>\n<li>Very fast loading speed.<\/li>\n<li>Avoid the use of <a href=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/banner\"><em>banners<\/em><\/a> interstitial advertising banners that cover the screen and prevent easy and unobstructed navigation.<\/li>\n<li>Properly implemented forms.<\/li>\n<li>Possibility to control some features by voice.<\/li>\n<\/ul>\n<h2><span id=\"Broken_links_and_error_pages\">Broken links and error pages<\/span><\/h2>\n<p>Another point shared by bad SEO and inadequate web usability is the existence of broken links that lead to an error page.<\/p>\n<p>On the one hand, they confuse the user, since when accessing a link that does not work in many cases he\/she does not know how to act, and in the end he\/she will probably choose to leave the page and start from scratch from the home page, or go directly to another result of the competition, in the worst case scenario.<\/p>\n<p>On the other hand, <strong>search engines take it into account as a negative point if the navigation of a website is poor<\/strong>, since it not only prevents them from crawling it correctly, but also <strong>has repercussions on the user experience<\/strong>, which we recreated in the example above.<\/p>\n<p>In cases where it is difficult to control this aspect, <strong>it is convenient to have a friendly 404 error page.<\/strong>When a user accidentally arrives at a content that does not exist, he\/she has several options available to go to another link that is similar, or at least, related to what he\/she was looking for.<\/p>\n<h2><span id=\"Last_notes\">Last notes<\/span><\/h2>\n<p>Apart from usability and SEO considerations, we also have to take into account <strong>the image we transmit<\/strong>. If your website is not comfortable or usable and transmits laziness and distrust to the user, no one will want to use it, share it or link to it from other sites, which will make your popularity and <a href=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/visibility\" target=\"_blank\" rel=\"noopener noreferrer\">visibility<\/a> suffer as well.<\/p>\n\n<p>We encourage you to put all these tips into practice on your new website, or start improving the one you already have as soon as possible.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>In this article we will explore the basic aspects of usability that are fundamental to a website&#8217;s SEO. Although the concepts of &#8220;SEO&#8221; and &#8220;usability&#8221; do not seem a priori to be closely related, the truth is that nowadays these two disciplines could be considered practically inseparable in the web environment.<\/p>\n","protected":false},"author":25,"featured_media":47830,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[350],"tags":[],"class_list":["post-52153","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-ui","entry"],"yoast_head":"\n<title>A basic guide to web usability adapted to SEO | Human Level<\/title>\n<meta name=\"description\" content=\"In this article we will explore the basic aspects of usability that are fundamental for both our users and, by extension, search engines.\" \/>\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\/ux-ui\/basic-usability-guide-adapted-to-seo\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A basic guide to web usability adapted to SEO | Human Level\" \/>\n<meta property=\"og:description\" content=\"In this article we will explore the basic aspects of usability that are fundamental for both our users and, by extension, search engines.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo\" \/>\n<meta property=\"og:site_name\" content=\"Human Level\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-30T07:10:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/SEO-y-usabilidad.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=\"Anastasia Kurmakaeva\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"A basic guide to web usability adapted to SEO\" \/>\n<meta name=\"twitter:description\" content=\"In this article we will explore the basic aspects of usability that are fundamental for both our users and, by extension, search engines.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/seo-usabilidad-ux-1.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@humanlevel\" \/>\n<meta name=\"twitter:site\" content=\"@humanlevel\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anastasia Kurmakaeva\" \/>\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\",\"BlogPosting\"],\"@id\":\"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo\"},\"author\":{\"name\":\"Anastasia Kurmakaeva\",\"@id\":\"https:\/\/www.humanlevel.com\/en#\/schema\/person\/8511a3ac57771f4e4ecb4fe15a39a163\"},\"headline\":\"A basic guide to web usability adapted to SEO\",\"datePublished\":\"2017-10-30T07:10:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo\"},\"wordCount\":2437,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.humanlevel.com\/en#organization\"},\"image\":{\"@id\":\"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/SEO-y-usabilidad.png\",\"articleSection\":[\"UX\/UI\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo\",\"url\":\"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo\",\"name\":\"A basic guide to web usability adapted to SEO | Human Level\",\"isPartOf\":{\"@id\":\"https:\/\/www.humanlevel.com\/en#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/SEO-y-usabilidad.png\",\"datePublished\":\"2017-10-30T07:10:35+00:00\",\"description\":\"In this article we will explore the basic aspects of usability that are fundamental for both our users and, by extension, search engines.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#primaryimage\",\"url\":\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/SEO-y-usabilidad.png\",\"contentUrl\":\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/SEO-y-usabilidad.png\",\"width\":400,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.humanlevel.com\/en\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A basic guide to web usability adapted to SEO\"}]},{\"@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\/logo-human-negro-1.jpg\",\"contentUrl\":\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/logo-human-negro-1.jpg\",\"width\":268,\"height\":51,\"caption\":\"Human Level\"},\"image\":{\"@id\":\"https:\/\/www.humanlevel.com\/en#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/humanlevel\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.humanlevel.com\/en#\/schema\/person\/8511a3ac57771f4e4ecb4fe15a39a163\",\"name\":\"Anastasia Kurmakaeva\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.humanlevel.com\/en#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c2b41f24a460bb5219e305c273cbeec931fb36c12de18f23fc50e07f10f7cff5?s=96&d=simple_local_avatar&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c2b41f24a460bb5219e305c273cbeec931fb36c12de18f23fc50e07f10f7cff5?s=96&d=simple_local_avatar&r=g\",\"caption\":\"Anastasia Kurmakaeva\"},\"description\":\"Fue consultora SEO y traductora en Human Level. Especialista en traducci\u00f3n y SEO, destacando especialmente su dominio del motor de b\u00fasqueda Yandex. Habla a la perfecci\u00f3n ruso, espa\u00f1ol e ingl\u00e9s, siendo completamente biling\u00fce en los dos primeros.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/anastasiakur\/?locale=es_ES\"],\"url\":\"https:\/\/www.humanlevel.com\/en\/author\/anastasia\"}]}<\/script>\n","yoast_head_json":{"title":"A basic guide to web usability adapted to SEO | Human Level","description":"In this article we will explore the basic aspects of usability that are fundamental for both our users and, by extension, search engines.","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\/ux-ui\/basic-usability-guide-adapted-to-seo","og_locale":"en_US","og_type":"article","og_title":"A basic guide to web usability adapted to SEO | Human Level","og_description":"In this article we will explore the basic aspects of usability that are fundamental for both our users and, by extension, search engines.","og_url":"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo","og_site_name":"Human Level","article_published_time":"2017-10-30T07:10:35+00:00","og_image":[{"width":400,"height":400,"url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/SEO-y-usabilidad.png","type":"image\/png"}],"author":"Anastasia Kurmakaeva","twitter_card":"summary_large_image","twitter_title":"A basic guide to web usability adapted to SEO","twitter_description":"In this article we will explore the basic aspects of usability that are fundamental for both our users and, by extension, search engines.","twitter_image":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/seo-usabilidad-ux-1.jpg","twitter_creator":"@humanlevel","twitter_site":"@humanlevel","twitter_misc":{"Written by":"Anastasia Kurmakaeva","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#article","isPartOf":{"@id":"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo"},"author":{"name":"Anastasia Kurmakaeva","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/person\/8511a3ac57771f4e4ecb4fe15a39a163"},"headline":"A basic guide to web usability adapted to SEO","datePublished":"2017-10-30T07:10:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo"},"wordCount":2437,"commentCount":0,"publisher":{"@id":"https:\/\/www.humanlevel.com\/en#organization"},"image":{"@id":"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#primaryimage"},"thumbnailUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/SEO-y-usabilidad.png","articleSection":["UX\/UI"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo","url":"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo","name":"A basic guide to web usability adapted to SEO | Human Level","isPartOf":{"@id":"https:\/\/www.humanlevel.com\/en#website"},"primaryImageOfPage":{"@id":"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#primaryimage"},"image":{"@id":"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#primaryimage"},"thumbnailUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/SEO-y-usabilidad.png","datePublished":"2017-10-30T07:10:35+00:00","description":"In this article we will explore the basic aspects of usability that are fundamental for both our users and, by extension, search engines.","breadcrumb":{"@id":"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#primaryimage","url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/SEO-y-usabilidad.png","contentUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/SEO-y-usabilidad.png","width":400,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.humanlevel.com\/en\/blog\/ux-ui\/basic-usability-guide-adapted-to-seo#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.humanlevel.com\/en"},{"@type":"ListItem","position":2,"name":"A basic guide to web usability adapted to SEO"}]},{"@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\/logo-human-negro-1.jpg","contentUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/logo-human-negro-1.jpg","width":268,"height":51,"caption":"Human Level"},"image":{"@id":"https:\/\/www.humanlevel.com\/en#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/humanlevel"]},{"@type":"Person","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/person\/8511a3ac57771f4e4ecb4fe15a39a163","name":"Anastasia Kurmakaeva","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c2b41f24a460bb5219e305c273cbeec931fb36c12de18f23fc50e07f10f7cff5?s=96&d=simple_local_avatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c2b41f24a460bb5219e305c273cbeec931fb36c12de18f23fc50e07f10f7cff5?s=96&d=simple_local_avatar&r=g","caption":"Anastasia Kurmakaeva"},"description":"Fue consultora SEO y traductora en Human Level. Especialista en traducci\u00f3n y SEO, destacando especialmente su dominio del motor de b\u00fasqueda Yandex. Habla a la perfecci\u00f3n ruso, espa\u00f1ol e ingl\u00e9s, siendo completamente biling\u00fce en los dos primeros.","sameAs":["https:\/\/www.linkedin.com\/in\/anastasiakur\/?locale=es_ES"],"url":"https:\/\/www.humanlevel.com\/en\/author\/anastasia"}]}},"_links":{"self":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/posts\/52153","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\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/comments?post=52153"}],"version-history":[{"count":4,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/posts\/52153\/revisions"}],"predecessor-version":[{"id":53367,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/posts\/52153\/revisions\/53367"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/media\/47830"}],"wp:attachment":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/media?parent=52153"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/categories?post=52153"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/tags?post=52153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}