{"id":7338,"date":"2021-06-14T11:47:22","date_gmt":"2021-06-14T11:47:22","guid":{"rendered":"https:\/\/colibriwp.com\/blog\/?p=7338"},"modified":"2021-07-29T09:33:04","modified_gmt":"2021-07-29T09:33:04","slug":"web-design-and-seo","status":"publish","type":"post","link":"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/","title":{"rendered":"Web Design Elements: 5 Important SEO Factors"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">The opinion that SEO strategies should be implemented at the last stage of website development is totally wrong. On the contrary, the sooner you start the search engine optimization of your website, the better. Can you start before the site is fully ready? Sure. There are SEO concepts that can be implemented at the design stage of a future site and its particular pages.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">However, there are certain difficulties here too. In particular, when developing a design, a lot of unnecessary features come with it, which makes the site overloaded. Because of this, the loading speed is significantly reduced, and usability deteriorates. Therefore, the use of SEO concepts in the design must be approached carefully and thoughtfully. Here are 5 important factors to consider when optimizing your site already at the design stage.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">1. Mobile-first design\u00a0<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">There are currently 4.8 billion phone users worldwide, out of which 3.5 billion are using smartphones (Statista, 2019). That explains why <\/span><span style=\"font-weight: 400;\">Google made the transition to <\/span><a href=\"https:\/\/developers.google.com\/search\/mobile-sites\/mobile-first-indexing\"><span style=\"font-weight: 400;\">mobile-first indexing, <\/span><\/a>\u00a0meaning that when it comes to ranking, Google first evaluates the mobile version of a website.<\/p>\n<p><span style=\"font-weight: 400;\">If you want to take your site to the top of search results, then responsive design should be top of mind, from the very beginning of web development.\u00a0<\/span><span style=\"font-weight: 400;\">Responsive design is a design that automatically adapts to any device on which it is opened: desktop, smartphone, or tablet.\u00a0<\/span><\/p>\n<p>So, if you want to grow your site SEO-wise,\u00a0 you should p<span style=\"font-weight: 400;\">ay attention to the following aspects:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">optimize images for mobile devices;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">adapt texts for small screens via CSS;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">remember that visitors of your site may open it in portrait or landscape orientation;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">be sure that texts, images, GIFs, and videos are displayed correctly both on a desktop and a mobile device;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">use short titles and structured texts that will be easy to read from any device.<\/span><\/li>\n<\/ul>\n<p>When you&#8217;re done, y<span style=\"font-weight: 400;\">ou can use the <\/span><a href=\"https:\/\/search.google.com\/test\/mobile-friendly\"><span style=\"font-weight: 400;\">official Google tool<\/span><\/a><span style=\"font-weight: 400;\"> to test if your site is mobile-friendly.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">2. Content structure<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">When users navigate your website, they should be able to easily find what they&#8217;re looking for. This means that your website design should have a logical navigation, structured content, visual cues, and more. I have some tips for you on the topic, below.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Menu<\/span><\/h3>\n<p>The menu or the navigation bar is usually a collection of the most important links of a site placed usually at the top of the website and on all its pages. If the menu is not providing a good user experience, it would be as if you&#8217;re driving without GPS in a new city. How would that make you feel?<\/p>\n<p>A proper menu has tons of benefits:<\/p>\n<ul>\n<li>increased website visit duration<\/li>\n<li>decreased bounce rates (meaning people are browsing multiple pages of your site)<\/li>\n<li>more purchases (if your site is an online store)<\/li>\n<li>returning users<\/li>\n<\/ul>\n<p>Take a look at this menu example from Miro, a SaaS company offering an online collaborative whiteboard platform for all sorts of teams. The menu is split into:<\/p>\n<ul>\n<li>product &#8211; where they list templates, the features of the product, the integrations Miro works with,<\/li>\n<li>use cases &#8211; all the situation where the product can be used, with personalized examples,<\/li>\n<li>teams &#8211; where they explain how different teams can use the product,<\/li>\n<li>pricing,<\/li>\n<li>enterprise &#8211; how bigger teams can collaborate using miro,<\/li>\n<li>contact sales,<\/li>\n<li>log in,<\/li>\n<li>sign up CTA button.<\/li>\n<\/ul>\n<p>I mean&#8230;there&#8217;s no question left unanswered, isn&#8217;t it?<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-7341\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/03\/miro-menu.jpg\" alt=\"website menu example\" width=\"800\" height=\"268\" \/><\/p>\n<p style=\"text-align: center;\"><em>Source: miro.com<\/em><\/p>\n<h3><span style=\"font-weight: 400;\">Headings and subheadings<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">You will need to use headings and subheadings to group content on your website, to make them easier to read or skim. If your content is unreadable, it will quickly discourage the user. Information should be presented in a structured manner. Using HTML tags such as H1, H2, H3, and H4 tags will help a lot in this. When reading a structured text, it is easier for the user to assimilate the information. Subheadings actually allow the readers to \u201ctake a break\u201d to comprehend what they have read. In addition, the use of subheadings in the text makes it more attractive for Google robots.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Visual hierarchy<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Visual hierarchy is a technique that allows you to smoothly lead the user to the desired action: purchase an item, get in contact with someone, find information, etc.\u00a0<\/span>Visual hierarchy is using principles such as scale, contrast, color, balance to rank elements based on their importance, or in the way you want your users to view them. Headings and subheadings are part of this hierarchy as well.<\/p>\n<p>Now, this subject definitely deserves a whole article, but, at the end of the day, you&#8217;ll need to take a step back and figure out the goal of your website&#8217;s design: how do you plan your info architecture in order to reach your business and user goal?<\/p>\n<h3><span style=\"font-weight: 400;\">Visual cues<\/span><\/h3>\n<p>Visual cues are elements used for drawing attention to areas of importance. They help website visitors engage with your website, and get to the next step in the funnel.<\/p>\n<p>I&#8217;m pretty sure you&#8217;ve seen them before because they&#8217;re pretty obvious: arrows pointing at specific page elements, or people&#8217;s hands showing your something, or a person looking in a certain direction, etc.<\/p>\n<p>Let&#8217;s take a look at the example below. &#8220;200 tools&#8221; gets highlighted in yellow, because it&#8217;s an important product feature. Also, there&#8217;s an arrow near &#8220;Explore marketplace&#8221; that lets you know that you can further investigate the topic.<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\"><img loading=\"lazy\" class=\"aligncenter wp-image-7343\" src=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/03\/Live-chat-visual-cues.jpg\" alt=\"\" width=\"800\" height=\"398\" \/><\/span><\/p>\n<p style=\"text-align: center;\"><em>Source: Livechat.com<\/em><\/p>\n<h2><span style=\"font-weight: 400;\">3. Core Web Vitals\u00a0<\/span><\/h2>\n<p>Web Vitals is an initiative by Google to provide quality guidance for delivering a great user experience on the web. Core Web Vitals are a subset of Web Vitals that apply to all web pages and will become the official ranking factor in May 2021. This means that user experience will be at the core of organic ranking.<\/p>\n<p>What do the Core Web Vitals measure?<\/p>\n<p><strong>LCP \u2013 loading speed of the main content (Largest Contentful Paint);<\/strong><\/p>\n<ul>\n<li><i>Good:<\/i>\u00a0less than 2.5 seconds<\/li>\n<li><i>Needs improvement<\/i>: between 2.5 and 4 seconds<\/li>\n<li><i>Poor<\/i>: longer than 4 seconds<\/li>\n<\/ul>\n<p><strong>FID \u2013 waiting time before the first interaction with the content (First Input Delay);<\/strong><\/p>\n<ul>\n<li><i>Good<\/i>: less than 100 milliseconds<\/li>\n<li><i>Needs improvement<\/i>: up to 300 milliseconds<\/li>\n<li><i>Poor<\/i>: longer than 300 milliseconds<\/li>\n<\/ul>\n<p><strong>CLS \u2013 stability of layout and elements that do not interfere with interaction with content (Cumulative Layout Shift).<\/strong><\/p>\n<ul>\n<li><i>Good<\/i>: less than 100 milliseconds<\/li>\n<li><i>Needs improvement<\/i>: between 100 and 250 milliseconds<\/li>\n<li><i>Poor<\/i>: longer than 250 milliseconds<\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">To get started, <\/span><a href=\"https:\/\/webmasters.googleblog.com\/2020\/11\/timing-for-page-experience.html\"><span style=\"font-weight: 400;\">Google<\/span><\/a><span style=\"font-weight: 400;\"> recommends doing the following:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Conduct a large-scale audit of site pages to see possible improvements. The Search Console report for Core Web Vitals provides a complete picture of site performance and details metrics.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\"><span style=\"font-weight: 400;\">Page Speed Insights<\/span><\/a><span style=\"font-weight: 400;\"> and Lighthouse will help you iterate through any issues you find.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">With web.dev\/vitals-tools, you can get full information to get started.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use the potential of AMP technology.\u00a0<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">4. User intent<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">When developing a website, you need to consider the user intent as well. It is far from always that users can accurately express in words what exactly they are looking for.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You should optimize the content on your site in such a way that your site matches the user&#8217;s intent. For example, if a user types the word &#8220;pizza&#8221;, they will see hundreds of thousands of search results. Google strives to give such a user the most accurate answer to his request, so the search engine will try to guess what exactly the person is looking for.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Roughly, the intention of users can be divided into three groups of requests:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">informational (\u201cwhat is pizza\u201d);<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">navigational (\u201cwhere is the nearest pizzeria\u201d);<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">transactional (\u201cpizza delivery\u201d, &#8220;pizza price&#8221;).<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Your goal is to show Google what type of request your particular web and blog pages belong to and take into account more options for such requests. The design, images, text inside a specific URL should be optimized around specific search queries on Google. <a href=\"https:\/\/cleverads.com\/keyword-planner\/\">To get more ideas for keywords<\/a> that match user intent, you can use the <\/span><a href=\"https:\/\/seranking.com\/\"><span style=\"font-weight: 400;\">SE Ranking<\/span><\/a><span style=\"font-weight: 400;\"> Keywords Research tool.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">5. Internal linking<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Another important aspect is the internal linking on the site. With it, users have the opportunity to familiarize themselves with other pages on your site, which will extend their stay. However, there are also external <\/span><a href=\"https:\/\/jontorres.com\/link-building-strategies\/\"><span style=\"font-weight: 400;\">links<\/span><\/a><span style=\"font-weight: 400;\"> that you should take into consideration. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Internal links are also used to improve website navigability. They are needed not only for users but also for search robots. This way, they can determine which pages on your site are the most valuable.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00a0Internal links can have a positive effect on the optimization process, namely:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">accelerate a new page\u2019s entry into the search engine index;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">they are an element of resource navigation and help users navigate the site;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">structure the site not only for visitors but also for search engines.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">For search robots, such links work as guides to new non-indexed pages and also indicate which ones are more significant. For users, linking plays the role of an assistant in finding necessary materials, as a navigation element. Just keep cool and try to maintain logical coherence with the page you link to. As we can see, internal linking is a real catch for search robots and users.\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Summary<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">SEO and design are extremely tight-knit. This article lists the main points that are important to consider when creating a website for its subsequent promotion in search engines. A high-quality study of the site at the initial stages will help to avoid common mistakes and significantly save the budget for website promotion. <\/span><span style=\"font-weight: 400;\">User-friendly design with SEO in mind will significantly accelerate the promotion of your site to the very top of the search results.<\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The opinion that SEO strategies should be implemented at the last stage of website development is totally wrong. On the contrary, the sooner you start the search engine optimization of your website, the better. Can you start before the site is fully ready? Sure. There are SEO concepts that can be implemented at the design&hellip; <br \/> <a class=\"read-more\" href=\"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/\">Read more<\/a><\/p>\n","protected":false},"author":6,"featured_media":7347,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[264],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web Design Elements: 5 Important SEO Factors - ColibriWP Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Design Elements: 5 Important SEO Factors - ColibriWP Blog\" \/>\n<meta property=\"og:description\" content=\"The opinion that SEO strategies should be implemented at the last stage of website development is totally wrong. On the contrary, the sooner you start the search engine optimization of your website, the better. Can you start before the site is fully ready? Sure. There are SEO concepts that can be implemented at the design&hellip; Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/\" \/>\n<meta property=\"og:site_name\" content=\"ColibriWP Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-06-14T11:47:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-07-29T09:33:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/03\/kaleidico-26MJGnCM0Wc-unsplash.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eliza Medley\" \/>\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\":\"WebSite\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#website\",\"url\":\"https:\/\/colibriwp.com\/blog\/\",\"name\":\"ColibriWP Blog\",\"description\":\"WordPress know-how to boost your design skills\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/colibriwp.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/03\/kaleidico-26MJGnCM0Wc-unsplash.jpg\",\"contentUrl\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/03\/kaleidico-26MJGnCM0Wc-unsplash.jpg\",\"width\":1920,\"height\":1280},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/#webpage\",\"url\":\"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/\",\"name\":\"Web Design Elements: 5 Important SEO Factors - ColibriWP Blog\",\"isPartOf\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/#primaryimage\"},\"datePublished\":\"2021-06-14T11:47:22+00:00\",\"dateModified\":\"2021-07-29T09:33:04+00:00\",\"author\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/87f760a68fccd9a3b83d34521adae311\"},\"breadcrumb\":{\"@id\":\"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/colibriwp.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design Elements: 5 Important SEO Factors\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/87f760a68fccd9a3b83d34521adae311\",\"name\":\"Eliza Medley\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/colibriwp.com\/blog\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2020\/12\/Eliza-Medley.jpg\",\"contentUrl\":\"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2020\/12\/Eliza-Medley.jpg\",\"caption\":\"Eliza Medley\"},\"description\":\"Eliza Medley is a freelance writer and editor. She specializes in content related to digital marketing, SEO, SMM, and eCommerce.\\u00a0Always keeping up with modern trends, she inspires people to keep learning.\",\"url\":\"#molongui-disabled-link\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Design Elements: 5 Important SEO Factors - ColibriWP Blog","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:\/\/colibriwp.com\/blog\/web-design-and-seo\/","og_locale":"en_US","og_type":"article","og_title":"Web Design Elements: 5 Important SEO Factors - ColibriWP Blog","og_description":"The opinion that SEO strategies should be implemented at the last stage of website development is totally wrong. On the contrary, the sooner you start the search engine optimization of your website, the better. Can you start before the site is fully ready? Sure. There are SEO concepts that can be implemented at the design&hellip; Read more","og_url":"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/","og_site_name":"ColibriWP Blog","article_published_time":"2021-06-14T11:47:22+00:00","article_modified_time":"2021-07-29T09:33:04+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/03\/kaleidico-26MJGnCM0Wc-unsplash.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Eliza Medley","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/colibriwp.com\/blog\/#website","url":"https:\/\/colibriwp.com\/blog\/","name":"ColibriWP Blog","description":"WordPress know-how to boost your design skills","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/colibriwp.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/#primaryimage","inLanguage":"en-US","url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/03\/kaleidico-26MJGnCM0Wc-unsplash.jpg","contentUrl":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2021\/03\/kaleidico-26MJGnCM0Wc-unsplash.jpg","width":1920,"height":1280},{"@type":"WebPage","@id":"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/#webpage","url":"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/","name":"Web Design Elements: 5 Important SEO Factors - ColibriWP Blog","isPartOf":{"@id":"https:\/\/colibriwp.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/#primaryimage"},"datePublished":"2021-06-14T11:47:22+00:00","dateModified":"2021-07-29T09:33:04+00:00","author":{"@id":"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/87f760a68fccd9a3b83d34521adae311"},"breadcrumb":{"@id":"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/colibriwp.com\/blog\/web-design-and-seo\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/colibriwp.com\/blog\/web-design-and-seo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/colibriwp.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Web Design Elements: 5 Important SEO Factors"}]},{"@type":"Person","@id":"https:\/\/colibriwp.com\/blog\/#\/schema\/person\/87f760a68fccd9a3b83d34521adae311","name":"Eliza Medley","image":{"@type":"ImageObject","@id":"https:\/\/colibriwp.com\/blog\/#personlogo","inLanguage":"en-US","url":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2020\/12\/Eliza-Medley.jpg","contentUrl":"https:\/\/colibriwp.com\/blog\/wp-content\/uploads\/2020\/12\/Eliza-Medley.jpg","caption":"Eliza Medley"},"description":"Eliza Medley is a freelance writer and editor. She specializes in content related to digital marketing, SEO, SMM, and eCommerce.\u00a0Always keeping up with modern trends, she inspires people to keep learning.","url":"#molongui-disabled-link"}]}},"_links":{"self":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/7338"}],"collection":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/comments?post=7338"}],"version-history":[{"count":8,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/7338\/revisions"}],"predecessor-version":[{"id":8433,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/posts\/7338\/revisions\/8433"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/media\/7347"}],"wp:attachment":[{"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/media?parent=7338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/categories?post=7338"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/colibriwp.com\/blog\/wp-json\/wp\/v2\/tags?post=7338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}