{"id":9477,"date":"2023-05-15T14:50:48","date_gmt":"2023-05-15T14:50:48","guid":{"rendered":"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/"},"modified":"2023-05-15T14:50:48","modified_gmt":"2023-05-15T14:50:48","slug":"seo-and-website-design-how-to-build-search-engine-friendly-sites","status":"publish","type":"post","link":"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/","title":{"rendered":"SEO and website design: How to build search engine-friendly sites"},"content":{"rendered":"<p>Your website is the center of your digital marketing world. It\u2019s where you have the most control and where all digital marketing rivers run toward. <\/p>\n<p>Generally, the largest of those traffic sources is organic search.\u00a0<\/p>\n<p>Yet, all too often, SEO is not deeply embedded when a new website is being designed (or redesigned), and SEO thinking is often only addressed after a site has launched.\u00a0<\/p>\n<p>This is a problem.\u00a0<\/p>\n<p>When building a new website as a marketing vehicle for your business, SEO considerations should be included in the planning stages before a line of code is written.\u00a0<\/p>\n<p>My team and I have helped hundreds of businesses design and build sites that take their SEO and marketing to the next level. <\/p>\n<p>Unfortunately, we have also helped many businesses <a href=\"https:\/\/searchengineland.com\/recovering-seo-traffic-and-rankings-after-a-website-redesign-308081\" target=\"_blank\" rel=\"noopener\">recover SEO traffic after a botched website redesign<\/a> that failed to factor in SEO.<\/p>\n<p>This article explores why \u2013 and how \u2013 SEO plays an integral part in the website design process.<\/p>\n<p>It details exactly what you need to consider to build a site for search marketing and lead generation and how to focus on what your users want to help keep the Google gods on your side.<\/p>\n<p>We will also dive into common pitfalls businesses looking to build a new website and maintain SEO traffic may encounter.\u00a0<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#1_How_to_develop_an_SEO-friendly_website\" >1. How to develop an SEO-friendly website<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#Fundamentals\" >Fundamentals<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#Crawling_and_accessibility\" >Crawling and accessibility<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#Information_architecture_and_structuring_your_site\" >Information architecture and structuring your site<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#Mobile-friendly_design\" >Mobile-friendly design<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#Page_speed\" >Page speed<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#Usability\" >Usability<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#The_content_marketing_funnel\" >The content marketing funnel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#Thats_the_basics_covered\" >That\u2019s the basics covered<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#2_SEO_How_to_optimize_your_site\" >2. SEO: How to optimize your site<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#Keyword_targeting\" >Keyword targeting<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#HTML_title_tags\" >HTML title tags<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#Meta_description_tags\" >Meta description tags<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#Heading_tags\" >Heading tags<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#Page_content\" >Page content<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#Rich_snippets\" >Rich snippets<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#Image_optimization\" >Image optimization<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#Optimal_optimization\" >Optimal optimization\u00a0<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#3_Common_problems\" >3. Common problems<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/craighordlow.com\/index.php\/2023\/05\/15\/seo-and-website-design-how-to-build-search-engine-friendly-sites\/#Modern_web_design_considers_SEO_best_practices\" >Modern web design considers SEO best practices\u00a0<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"1_How_to_develop_an_SEO-friendly_website\"><\/span>1. How to develop an SEO-friendly website<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The following are the key areas to consider in building a truly optimized website.\u00a0<\/p>\n<p><strong>Fundamentals<\/strong>: Domains, hosting and CMS.<\/p>\n<p><strong>Crawling<\/strong>: The technical bit.<\/p>\n<p><strong>Information architecture<\/strong>: How to structure your SEO-friendly site.<\/p>\n<p><strong>Mobile<\/strong>: Mobile-friendly sites need more than just responsive design.<\/p>\n<p><strong>Page speed<\/strong>: Fast sites make for happy users.<\/p>\n<p><strong>Usability<\/strong>: Confuse them and lose them.<\/p>\n<p>The rest of this article will dive into each of these points in detail.\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Fundamentals\"><\/span>Fundamentals<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>There are a few core elements that set the stage for a well-optimized website design process.<\/p>\n<p><strong>Domains<\/strong><\/p>\n<p>Your domain name is the entry point into your website, and there should be one single (canonical) domain. You may have others, but they should all point (redirect) to this one.<\/p>\n<p>Our business is called Bowler Hat. We operate in the UK. We are a web-based business. It naturally follows that our domain is www.bowlerhat.co.uk. All subdomains 301 redirect back to the main URL www.bowlerhat.co.uk. We have a few domain variations that 301 redirect back to the main URL. This all makes sense.<\/p>\n<p>Your domain should be brand led in the majority of cases, and having www.crammed-my-keywords-in-here.com is not going to help you rank today (1999 just called and wants its SEO back).\u00a0<\/p>\n<p><strong>Hosting<\/strong><\/p>\n<p>You can buy hosting for $1 a month \u2013 but guess what? It is not very good.\u00a0<\/p>\n<p>Slow, cruddy hosting creates a poor user experience and ultimately creates a site that Google is not so keen to show in the search results.\u00a0<\/p>\n<p>Buy the best hosting you can afford and ensure your site has good uptime and runs well on it.\u00a0<\/p>\n<p>In most cases, hosting should follow common-sense rules:<\/p>\n<p>Be situated where your audience is<\/p>\n<p>Be fast and ideally platform-specific (e.g., <a href=\"https:\/\/searchengineland.com\/choose-wordpress-hosting-393445\" target=\"_blank\" rel=\"noopener\">WordPress hosting<\/a> for WordPress)<\/p>\n<p><strong>CMS<\/strong><\/p>\n<p>The CMS (content management system) you choose for your business can hugely influence how successful you are. WordPress is a great platform, but there are other options.\u00a0<\/p>\n<p>Try to use the path of least resistance for your CMS choice. If one of the ubiquitous CMS platforms works for your needs \u2013 go with it. Google has to understand the big players, and they are technically sound and easy to optimize.\u00a0<\/p>\n<p>The final choice here depends on your utterly unique requirements, but ensure you understand why you are using a given platform and don\u2019t just end up with the one your web agency likes to work with.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Crawling_and_accessibility\"><\/span>Crawling and accessibility<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The first step is ensuring a search engine can crawl your site and understand what it is that you do (and where you do it).<\/p>\n<p><strong>Indexing<\/strong><\/p>\n<p>To understand your site, they have to be able to read the content of the page. This means that the main content of your site should be text-based.<\/p>\n<p>Even as we hurtle forwards towards and have search engines with AI features, the written word is the backbone of a search engine-friendly site, so ensure your text is well-written and sensibly optimized.\u00a0<\/p>\n<p>Images, videos, PDFs and content are also important and can be a source of search engine traffic. Again, these need to be well-named, organized and discoverable to be indexed.<\/p>\n<p><strong>Link structure<\/strong><\/p>\n<p>To index your content beyond the home page, you need internal links that the search engine can crawl. <\/p>\n<p>Your primary navigation, search engine directives and tools like XML sitemaps all help the search engine crawl your site and discover new pages.\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Information_architecture_and_structuring_your_site\"><\/span>Information architecture and structuring your site<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>I have always liked the filing cabinet analogy for website structure. <\/p>\n<p>Your site is the filing cabinet. The major categories are the drawers. The subcategories are the folders in the drawers. The pages are documents in the folders.\u00a0<\/p>\n<p><strong>Cabinet<\/strong>: Your website<\/p>\n<p><strong>Drawer<\/strong>: High-level category<\/p>\n<p><strong>Folder<\/strong>: Subcategory<\/p>\n<p><strong>File:<\/strong> Individual document\/page<\/p>\n<p>This helps to provide additional contextual information about the content on any given page.\u00a0<\/p>\n<p>If you have a drawer in your cabinet for services, then anything in that drawer is a service \u2013 before a single character has been analyzed.\u00a0<\/p>\n<p>This is good for Google and your users, which is what Google really cares about (and is a more straightforward concept than the sometimes esoteric nuances of SEO).\u00a0<\/p>\n<p>Many websites have the following structure:<\/p>\n<p>Home<\/p>\n<p>Services<\/p>\n<p>Service area<\/p>\n<p>Individual service<\/p>\n<p>For our company website, that is:<\/p>\n<p>Home<\/p>\n<p>Services<\/p>\n<p>SEO<\/p>\n<p>SEO audits<\/p>\n<p>So, there is a page in this information architecture that is simply \/audits\/.<\/p>\n<p>We have services.\u00a0<\/p>\n<p>We have SEO services.\u00a0<\/p>\n<p>We have SEO audit services.\u00a0<\/p>\n<p>This all makes sense, and the structural organization of your website can help to provide context and relevance signals beyond the page itself.\u00a0<\/p>\n<p>This is relevant to blog posts, articles, FAQ content, services, locations and just about anything else that is an entity within your business. <\/p>\n<p>You want to structure the information about your business in a way that makes it understandable (to people and robots).<\/p>\n<p>Some sites may take a deep approach to structuring content. Others may take a wide approach. The important takeaway is that things should be organized in a way that makes sense and simplifies navigation and discovery.<\/p>\n<p>A three- to four-level approach like this ensures that most content can be easily navigated within three to four clicks and tends to work better than a deeper approach to site navigation (for users and search engines).<\/p>\n<p><strong>URLs<\/strong><\/p>\n<p>The <a href=\"https:\/\/searchengineland.com\/change-url-seo-389209\" target=\"_blank\" rel=\"noopener\">URL<\/a> further indicates context. A sensible naming convention helps provide yet more context for humans and search engines.<\/p>\n<p>Following are two hypothetical sets of URLs that could map to the <em>Services &gt; SEO &gt; SEO audit <\/em>path laid out above \u2013 yet one makes sense, and the other does nothing to help.<\/p>\n<p>Example 1:<\/p>\n<p>www.example.com<\/p>\n<p>www.example.com\/services\/<\/p>\n<p>www.example.com\/services\/seo\/<\/p>\n<p>www.example.com\/services\/seo\/audits\/<\/p>\n<p>Example 2:<\/p>\n<p>www.example.com<\/p>\n<p>www.example.com\/s123\/<\/p>\n<p>www.example.com\/s123\/s1\/<\/p>\n<p>www.example.com\/s123\/s1\/75\/<\/p>\n<p>The second set of URLs is a purposely daft example, but it serves a point \u2013 the first URL naming convention helps both search engines and users, and the second one hinders.<\/p>\n<p>This further builds upon the contextual signals from your filing cabinet structure.\u00a0<\/p>\n<p><strong>Navigation<\/strong><\/p>\n<p>Building an SEO-friendly website navigation can also help indicate the relevant importance of a given page (in the set of pages) and provides additional context.\u00a0<\/p>\n<p>Your navigation should be text-based and therefore helps send a signal about the keywords you would like a given page to rank for.\u00a0<\/p>\n<p>I have always liked the signpost analogy for navigation. I walk into a supermarket and look for the signs to find what I need. Your website is no different. <\/p>\n<p>A user lands on your site and has to find where they need to go in the quickest possible time. They then need a signpost to get them there.\u00a0<\/p>\n<p>SEO thinking can be dangerous here, though. Mega menus with hundreds of spammy page links \u2013 this is not the way!\u00a0<\/p>\n<p>The golden rule is to keep your navigation simple. Don\u2019t make the user have to think. <\/p>\n<p>The following image is a sign from my local home improvement store. Which direction takes you to the car park and which direction takes you to the deliveries entrance?<\/p>\n<div class=\"wp-block-image\">\n<\/div>\n<p>My brain follows the \u201ccustomer car park\u201d line from left to right, so I turn right. However, the customer car park is to the left. <\/p>\n<p>There is nothing to clearly illustrate right or wrong, and I read right to left \u2013 a simple line down the middle separating these would improve this.<\/p>\n<p>As a mental activity, browsing websites is like driving. It is a complicated task, yet, to some degree, the brain is on autopilot. <\/p>\n<p>Leverage this in your website navigation, give people what they expect, make it easy, and remove any potential for confusion else they will bounce back to the SERPs and into the open arms of your competition.\u00a0<\/p>\n<p>Ensure your navigation is simple to use, promotes your most important pages and does not make your users think too hard (if at all).\u00a0<\/p>\n<p><strong>Common problems<\/strong><\/p>\n<p>There are many potential issues with content that can\u2019t be found or understood by the search engine that can work against you. For example:<\/p>\n<p>Orphaned content that can\u2019t be found.<\/p>\n<p>Content only available via site search.<\/p>\n<p>Flash files, Java programs, audio files, video files.<\/p>\n<p>AJAX and flashy site effects. <em>(Google has gotten <a href=\"https:\/\/searchengineland.com\/can-now-trust-google-crawl-ajax-sites-235267\" target=\"_blank\" rel=\"noopener\">a lot better at reading AJAX pages<\/a>, but it is still possible to obscure content with pointless effects.)<\/em><\/p>\n<p>Frames: Content embedded from another site can be problematic.<\/p>\n<p>Subdomains: Content split into subdomains rather than sub-folders.<\/p>\n<p>Be sure that important content is easily discoverable, understandable and sits in the overall structure of the site in a way that makes sense.<\/p>\n<p><strong>Summary<\/strong><\/p>\n<p>If everything is done well, a human and a search engine should have a pretty good idea of what a page is about before they even look at it. Your typical SEO then just builds on this solid foundation that is laid out by your information architecture and site structure.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Mobile-friendly_design\"><\/span>Mobile-friendly design<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Being SEO friendly is having a site that works how your users want it to \u2013 and, in many cases, that means mobile.<\/p>\n<p>Many of your future customers use mobile as the first, and often only, device to interact with your business.<\/p>\n<p>Another crucial consideration for many businesses is multi-device interactions. Even if your conversions tend to be from desktop, those initial interactions may be from mobile.<\/p>\n<p>Mobile-friendly means more than just responsive design. I previously looked at <a href=\"https:\/\/searchengineland.com\/seo-2017-mobile-optimisation-competitive-advantage-265760\" target=\"_blank\" rel=\"noopener\">28 key factors in creating mobile SEO-friendly websites<\/a> that will help you move beyond simple responsive design toward truly mobile-friendly websites.\u00a0<\/p>\n<p>From an SEO perspective, it is worth noting that mobile-friendliness is a confirmed ranking factor for mobile search, and it is the <a href=\"https:\/\/searchengineland.com\/faq-google-mobile-first-index-262751\" target=\"_blank\" rel=\"noopener\">mobile version of your site<\/a> that the search engine will use to review and rank your site. <\/p>\n<p>However, far more important, mobile is how your prospective customers search for and browse your site.<\/p>\n<p>It is debatable just how important features like mobile-friendly are for SEO, yet it is completely moot. <\/p>\n<p>Do what works for your users and what is good for SEO.\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Page_speed\"><\/span>Page speed<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Another key consideration in the mobile era is page speed. Users may be impatient, or they may not always have a great mobile data connection. <\/p>\n<p>Ensuring your pages are lean and mean is a key consideration in modern SEO-friendly website design.<\/p>\n<p>A great starting point is <a href=\"https:\/\/testmysite.thinkwithgoogle.com\/intl\/en-us\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google\u2019s mobile-friendly test<\/a>. This tool will give you feedback on mobile-friendliness, mobile speed and desktop speed. It also wraps everything up into a handy little report detailing what exactly you can do to speed things up.<\/p>\n<p>Page speed is yet another essential consideration that spans how your site is built and the quality and suitability of the hosting you use.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Usability\"><\/span>Usability<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Web usability is a combination of other factors: device-specific design, page speed, design conventions and an intuitive approach to putting the site together with the end user in mind.<\/p>\n<p>Key factors to consider include:<\/p>\n<p><strong>Page layout<\/strong>: Important elements should have more prominence.<\/p>\n<p><strong>Visual hierarchy<\/strong>: Make more important elements bigger!<\/p>\n<p><strong>Home page and site navigation<\/strong>: Clearly signpost directions for users.<\/p>\n<p><strong>Site search<\/strong>: Large sites need a sensibly positioned search option.<\/p>\n<p><strong>Form entry<\/strong>: Make forms as lightweight and easy to fill as possible.<\/p>\n<p><strong>Design<\/strong>: Great design makes everything easier.<\/p>\n<p>This just scratches the surface. Usability really has to be customized to the individual site. <\/p>\n<p>A couple of resources I suggest checking out:<\/p>\n<p>The book, \u201cDon\u2019t Make Me Think<em>: <\/em>A Common Sense Approach to Web Usability,\u201d by Steve Krug.<\/p>\n<p>My <a href=\"https:\/\/searchengineland.com\/seo-2017-mobile-optimisation-competitive-advantage-265760\" target=\"_blank\" rel=\"noopener\">mobile optimization checklist<\/a>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"The_content_marketing_funnel\"><\/span>The content marketing funnel<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Another key consideration to building a site that ranks is how you structure the content on your site to map to the different stages a potential customer will go through.\u00a0<\/p>\n<p>The goal of your website is to help your business get in front of prospective customers on search engines and then engage and convert those customers.<\/p>\n<p>A good way to approach this is to structure your content to match the stages in a standard marketing funnel:<\/p>\n<p><strong>Awareness: Top of the funnel<\/strong><\/p>\n<p>Awareness content will typically be your blog and informational articles. We are helping your prospective customer understand the problems they face and illustrating your experience and credibility in solving them.<\/p>\n<p><a href=\"https:\/\/searchengineland.com\/how-to-write-a-blog-post-391760\" target=\"_blank\" rel=\"noopener\">Blog posts<\/a><\/p>\n<p><a href=\"https:\/\/searchengineland.com\/case-study-the-true-value-of-informational-content-for-e-commerce-seo-327692\" target=\"_blank\" rel=\"noopener\">Informational articles<\/a><\/p>\n<p><a href=\"https:\/\/searchengineland.com\/webinars-guide-examples-393499\" target=\"_blank\" rel=\"noopener\">Webinars<\/a><\/p>\n<p><a href=\"https:\/\/searchengineland.com\/create-optimized-useful-comprehensive-guide-395891\" target=\"_blank\" rel=\"noopener\">Comprehensive guides<\/a><\/p>\n<p><a href=\"https:\/\/searchengineland.com\/create-helpful-faq-page-examples-395380\" target=\"_blank\" rel=\"noopener\">FAQs<\/a><\/p>\n<p><strong>Consideration: Middle of the funnel<\/strong><\/p>\n<p>The content at the consideration stage helps your prospect compare you against the other offerings out there. This tends to be practical content that helps the customer make a decision.<\/p>\n<p>Case studies<\/p>\n<p>Product or service information<\/p>\n<p>Product demonstration videos<\/p>\n<p>User guides<\/p>\n<p><strong>Conversion: Bottom of the funnel<\/strong><\/p>\n<p>Bottom-of-the-funnel content drives conversions and should gently encourage a sale or lead.<\/p>\n<p>Reviews<\/p>\n<p>Testimonials<\/p>\n<p>Free trial<\/p>\n<p>Free consultation<\/p>\n<p>Remember that customers will search across this entire spectrum of content types. Therefore, ensuring all these areas are covered aids discovery via search engines and helps you win more business \u2013 win-win.\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Thats_the_basics_covered\"><\/span>That\u2019s the basics covered<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>A lot is going on there but not without good reason, and ensure you have given each of these devil\u2019s their due in the planning of your new site.\u00a0<\/p>\n<p><!-- START INLINE FORM --><\/p>\n<div class=\"nl-inline-form border py-2 px-1 my-2\">\n<div class=\"row align-items-center\">\n<div class=\"col-12 col-lg-3 col-xl-4 pe-md-0 pb-2 pb-lg-0\">\n<p class=\"inline-form-text text-center mb-0\">Get the daily newsletter search marketers rely on.<\/p>\n<\/div>\n<div class=\"col-12 col-lg-7 col-xl-6  pe-lg-0\">\n<div class=\"form-nl-inline\">\n<div class=\"row g-0\">\n<div class=\"form-group col-12 col-lg-8 mb-0\"><\/div>\n<div class=\"col-12 col-lg-4 col-xl-4 mb-0\">\n<div class=\"d-none\">\n<p>Processing\u2026Please wait.<\/p>\n<\/div>\n<p>\t\t\t\t\t\t\t<button class=\"btn btn-dark inlineButton w-100 rounded-0 font-weight-bold\">SUBSCRIBE<\/button>\n\t\t\t\t\t\t<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"col-12 col-lg-2 col-xl-2 ps-1\">\n<p class=\"text-center mb-0\"><a class=\"nl-terms\" href=\"https:\/\/searchengineland.com\/termsofuse\" target=\"_blank\" rel=\"noopener noreferrer\">See terms.<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- END INLINE FORM --><\/p>\n<h2><span class=\"ez-toc-section\" id=\"2_SEO_How_to_optimize_your_site\"><\/span>2. SEO: How to optimize your site<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>OK, so now you have methodically planned and developed your website, laid your SEO foundations, and you are ready to start the actual optimization.\u00a0<\/p>\n<p>Optimizing that site with a well-structured website that considers all of the points covered above becomes easier.\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Keyword_targeting\"><\/span>Keyword targeting<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Nailing your keyword strategy is much easier once you have a solid structure without internal duplication. If we look at our previous examples for site hierarchy and structure, then adding keywords is relatively straightforward (and is something we would often do in a spreadsheet pre-design).<\/p>\n<p>Services: www.example.com\/services\/<\/p>\n<p>SEO: www.example.com\/services\/seo\/<\/p>\n<p>SEO audits: www.example.com\/services\/seo\/audits\/<\/p>\n<p>www.example.com\/services\/<br \/>www.example.com\/services\/seo\/<br \/>www.example.com\/services\/seo\/audits\/<\/p>\n<p>If I use these pages as an example, we have a natural progression from broad keywords to more refined search terms. We can even consider basic modifiers such as location if we are a local business.<\/p>\n<p><strong>Home<\/strong><br \/>\u2013 digital marketing agency<br \/>\u2013 digital marketing company<br \/>+ Birmingham<br \/>+ UK<\/p>\n<p><strong>Services<\/strong><br \/>\u2013 marketing services<br \/>\u2013 digital marketing services<br \/>+ Birmingham<br \/>+ UK<\/p>\n<p><strong>SEO<\/strong><br \/>\u2013 SEO<br \/>\u2013 Search Engine Optimization<br \/>+ Company<br \/>+ Agency<br \/>+ Birmingham<br \/>+ UK<\/p>\n<p><strong>SEO Audits<\/strong><br \/>\u2013 SEO Audits<br \/>\u2013 Technical SEO Audits<br \/>+ Agency<br \/>+ Company<br \/>+ Birmingham<\/p>\n<p>The point here is that a well-structured site gives you a good way to determine your keyword strategy. <\/p>\n<p>You still have to do the research and copywriting, but you can be sure you have a solid strategy to target broad and more detailed terms.<\/p>\n<p><strong>Pro tip: <\/strong>The work done structuring your site up to this point should make this aspect a piece of cake \u2013 if you are still struggling, consider revisiting the page structure.\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"HTML_title_tags\"><\/span>HTML title tags<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The &lt;title&gt; tag is the primary behind-the-scenes tag that can influence your search engine results. In fact, it is the only meta tag that actually influences position directly.<\/p>\n<p>The best practice for title tags is as follows:<\/p>\n<p>Place keywords at the beginning of the tag.<\/p>\n<p>Keep the length around 50 to 60 characters.<\/p>\n<p>Use keywords and key phrases in a natural manner.<\/p>\n<p>Use dividers to separate elements like category and brand.<\/p>\n<p>Focus on click-through and the end user (think call to action).<\/p>\n<p>Have a consistent approach across the site.<\/p>\n<p>Remember, don\u2019t overdo it and over-optimize page titles. We want our keywords in the title tag, but not at the expense of click-through and human readability. A search engine may rank your content, but human clicks on it, so keep that in mind.<\/p>\n<p><strong>Pro tip: <\/strong>Google has started to include brand names and logos in search results (again), so you can now use any space you would have used for branding for a call to action or more optimization.\u00a0<\/p>\n<div class=\"wp-block-image\">\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"Meta_description_tags\"><\/span>Meta description tags<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Sure, meta descriptions don\u2019t directly influence rankings. We all know that, right? <\/p>\n<p>But that is completely missing the point here. Your meta description is the content of your advertisement for that page in a set of search engine results. <\/p>\n<p>It is what wins you the click. And winning those clicks can help improve visibility and is absolutely vital in driving more users to your pages.<\/p>\n<p>Meta descriptions must:<\/p>\n<p>Truthfully describe the page content.<\/p>\n<p>Advertise the page and improve click-through rates.<\/p>\n<p>Consider the user\u2019s thought process and why they will click on this page.<\/p>\n<p>Include keywords where relevant and natural to do so.<\/p>\n<p>The search engine will highlight search terms in your page title and meta description, which help a user scan the page. Don\u2019t use this as an excuse to spam the meta description, though, or else Google likely will ignore it, and it won\u2019t lead to that all-important click!<\/p>\n<p>There are also situations where it can make sense not to create a meta description and let the search engine pull content from the page to form a description that more accurately maps to a user\u2019s search. Your brief meta description can\u2019t always cover all the options for a longer-form piece of content, so keep this in mind.<\/p>\n<p><strong>Pro tip: <\/strong>Got tons of meta descriptions to write? This is one of those <a href=\"https:\/\/searchengineland.com\/chatgpt-prompts-seo-393523\" target=\"_blank\" rel=\"noopener\">SEO jobs that ChatGPT can really help with<\/a>.\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Heading_tags\"><\/span>Heading tags<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Heading tags help structure the page and indicate hierarchy in a document: H1, H2, H3 and so on. <\/p>\n<p>Text in heading tags correlates with improved rankings (albeit slightly), but what matters is the alignment between the structure of the site, behind-the-scenes optimization like page titles and meta descriptions and the content itself.\u00a0<\/p>\n<p>Line everything up, and things make more sense for users, and we help search engines categorize our content while eking out every last bit of simple, on-page optimization we can.<\/p>\n<p>Remember to align header tags with the visual hierarchy. Meaning the most important header on the page (typically the &lt;h1&gt;) should also be the biggest text element on the page. <\/p>\n<p>You are making the document visually easy to understand here and further ensuring that design and content are working together for the best result.<\/p>\n<p><strong>Pro tip: <\/strong>The magic here is almost always in the process itself. Thinking of the content in relation to the hierarchy of information and mapping that to the visual hierarchy will almost certainly drive revisions and improve the content \u2013 that is the real SEO win!\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Page_content\"><\/span>Page content<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The content should generally be the most important part of the page. However, we still see archaic SEO practices like overt keyword density and search terms littered in the copy affecting readability. <\/p>\n<p>This does not work. It makes you look illiterate and certainly does not help with your SEO. Don\u2019t do this.\u00a0<\/p>\n<p>We want to make sure the context of our page is clear. Our navigation, URLs, page titles, headers and so on should all help here. Yet we want to write naturally, using synonyms and natural language.<\/p>\n<p>Focus on creating great content that engages the user. Be mindful of keywords, but certainly don\u2019t overdo it.<\/p>\n<p>Considerations for page content:<\/p>\n<p>Keywords in content (but don&#8217;t overdo it)<\/p>\n<p>Structure of the page<\/p>\n<p>Position of keywords in the content \u2013 earlier can be better<\/p>\n<p>Synonyms and alternatives<\/p>\n<p>Co-occurrence of keywords \u2013 how else do people talk about this topic?<\/p>\n<p><strong>Pro tip: <\/strong>review individual pages in Google Search Console to see what keywords the page ranks for in lower positions. Using the impression count vs. clicks you can get some easy wins here.\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Rich_snippets\"><\/span>Rich snippets<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Rich snippets are a powerful tool to increase click-through rates. We are naturally attracted to listings that stand out in the search engine results. <\/p>\n<p>Anything you can do to improve the click-through rate drives more users and makes your search engine listings work harder. <\/p>\n<p>Factor in possible ranking improvements from increased engagement, and you can have a low-input, high-output SEO tactic.<\/p>\n<p>The snippets that are most relevant to your business will depend on what you do, but <a href=\"https:\/\/schema.org\/docs\/schemas.html\" target=\"_blank\" rel=\"noopener noreferrer\">schema.org<\/a> is a great place to start.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Image_optimization\"><\/span>Image optimization<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Image SEO can drive a substantial amount of traffic in the right circumstances. And again, our thoughts regarding context are important here. <\/p>\n<p>Google does not (yet) use the content of images, so context within the site and the page and basic optimization are crucial here.<\/p>\n<p>As an example, I am looking for a hobbit-hole playhouse for my youngest, and the search brings up image results:<\/p>\n<div class=\"wp-block-image\">\n<\/div>\n<p>I can dive right into those image results and find a multitude of options, then use the image to drive me to the site that sells the playhouse. <\/p>\n<p>Optimizing your images increases the chance of improving prominence in the image search results.<\/p>\n<p>Image optimization is technically straightforward:<\/p>\n<p>Provide an image name that clearly describes what the image is.<\/p>\n<p>Use descriptive alt text to help those who can\u2019t see the images reinforce the image content.<\/p>\n<p>Add OpenGraph and Twitter Cards so the image is used in social shares.<\/p>\n<p>Use the image at the right physical size to ensure fast downloads.<\/p>\n<p>Optimize the image\u2019s file size to improve loading times.<\/p>\n<p>Consider adding images to your XML sitemap.<\/p>\n<p>Image optimization is relatively simple. Keep the images relevant. Don\u2019t spam the filenames and alt text with keywords. Be descriptive.<\/p>\n<p><strong>Pro tip: <\/strong>Use captions, titles and alt text to provide as much contextual information as possible about your images.\u00a0<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Optimal_optimization\"><\/span>Optimal optimization\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>You can always optimize something else, but if you structure and plan your site and then optimize these key areas, you will get 80% of the results from 20% of the effort.\u00a0<\/p>\n<p><strong>Pro tip: <\/strong>Optimization is never complete, but there is a whole wide world out there, so focus on what moves the dial and then move on.\u00a0<\/p>\n<h2><span class=\"ez-toc-section\" id=\"3_Common_problems\"><\/span>3. Common problems<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Knowing what to optimize is essential and is the target we aim at.\u00a0<\/p>\n<p>It is just as important to understand common problems that impact SEO and use this as something to run away from!\u00a0<\/p>\n<p>Typically, every SEO project starts with an audit, and while we can\u2019t cover every eventuality here, the following are some key points.\u00a0<\/p>\n<p><strong>Duplicate content<\/strong><\/p>\n<p>There tend to be two kinds of duplicate content: true duplicates and near-duplicates. <\/p>\n<p>True duplicates are where the content exists in multiple places (different pages, sites, subdomains and so on). <\/p>\n<p>Near-duplicates can be thin content or substantially similar content \u2013 think of a business with multiple locations or shoes listed on a unique page in different sizes.<\/p>\n<p><strong>Keyword cannibalization<\/strong><\/p>\n<p>Keyword cannibalization refers to the situation where multiple pages target the same keywords. This can impact the ability of your site to have one page that strongly targets a given term.<\/p>\n<p>Where the site architecture and hierarchy have been carefully planned, you should eliminate this during the planning and design stages.<\/p>\n<p><strong>Domains, subdomains and protocols<\/strong><\/p>\n<p>Duplication also crops up when the site is available on multiple domains, subdomains and protocols.<\/p>\n<p>Consider a business with two domains:<\/p>\n<p>Example.com<\/p>\n<p>Example.co.uk<\/p>\n<p>With www and non-www versions:<\/p>\n<p>Example.com<\/p>\n<p>Example.co.uk<\/p>\n<p>www.example.com<\/p>\n<p>www.example.co.uk<\/p>\n<p>And the site runs on HTTP and HTTPS:<\/p>\n<p>https:\/\/example.com<\/p>\n<p>https:\/\/example.co.uk<\/p>\n<p>https:\/\/www.example.com<\/p>\n<p>https:\/\/www.example.co.uk<\/p>\n<p>https:\/\/example.com<\/p>\n<p>https:\/\/example.co.uk<\/p>\n<p>https:\/\/www.example.com<\/p>\n<p>https:\/\/www.example.co.uk<\/p>\n<p>Before too long, we can get to a situation where the site has eight potential variations. Factor in the site resolving on any subdomain and a few duff internal links and we can often add things like \u201cww.example.com\u201d to the list above.<\/p>\n<p>These kinds of issues are resolved with URL redirections. <\/p>\n<p>Still, again, they deserve consideration by any web design agency that takes care of hosting and is serious about the SEO of their customers&#8217; websites.<\/p>\n<p><strong>Botched canonical URLs<\/strong><\/p>\n<p>Another common issue we see is an incorrect implementation of canonical URLs. <\/p>\n<p>Typically, the person building the site looks at canonical URLs as an SEO checklist kind of job. They are implemented by dynamically inserting the URL in the address bar into the canonical URL.<\/p>\n<p>This is fundamentally flawed in that we can end up with the site running on multiple URLs, each with a canonical URL claiming that they are the authoritative version. <\/p>\n<p>So the canonical implementation exacerbates rather than resolves the issue (sheesh).\u00a0<\/p>\n<p>Canonical URLs are a powerful tool when wielded wisely, yet they must be used properly, or they can worsen matters.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Modern_web_design_considers_SEO_best_practices\"><\/span>Modern web design considers SEO best practices\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>SEO is not some band-aid you can plaster onto an existing site.\u00a0<\/p>\n<p>Every website developer or CMS will list SEO credentials. Nobody says that they build sites to crash in the search results. SEO, today and beyond, is way more than a dry list of technical must-haves.\u00a0<\/p>\n<p>Like all good marketing, it is ultimately about helping your prospective customers achieve <strong>their<\/strong> goals.\u00a0<\/p>\n<p>SEO should be woven into every aspect of your marketing, and at the center of that should be your (optimized) website.\u00a0<\/p>\n<p>There are a lot of moving parts with website design and SEO.\u00a0<\/p>\n<p>The first step is to carefully plan your site to have a sensible filing cabinet structure to house your products and\/or services.\u00a0<\/p>\n<p>Then, optimize the key areas to ensure Google (and your prospects) can clearly understand what they should do next.\u00a0<\/p>\n<p>Finally, double-check for typical issues and ensure you eliminate any areas that could be holding you back.<\/p>\n<p>The post <a href=\"https:\/\/searchengineland.com\/seo-website-design-build-search-engine-friendly-sites-422636\" target=\"_blank\" rel=\"noopener\">SEO and website design: How to build search engine-friendly sites<\/a> appeared first on <a href=\"https:\/\/searchengineland.com\/\" target=\"_blank\" rel=\"noopener\">Search Engine Land<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Your website is the center of your digital marketing world. It\u2019s where you have the most control and where all digital marketing rivers run toward. Generally, the largest of those traffic sources is organic search.\u00a0 Yet, all too often, SEO is not deeply embedded when a new website is being designed (or redesigned), and SEO thinking is often only addressed after a site has launched.\u00a0 This is a problem.\u00a0 When building a new website as a marketing vehicle for your business, SEO considerations should be included [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"h5ap_radio_sources":[],"cybocfi_hide_featured_image":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-9477","post","type-post","status-publish","format-standard","hentry","category-best-seo-blogs"],"featured_image_src":null,"featured_image_src_square":null,"author_info":{"display_name":false,"author_link":"https:\/\/craighordlow.com\/author\/"},"_links":{"self":[{"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/posts\/9477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/comments?post=9477"}],"version-history":[{"count":0,"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/posts\/9477\/revisions"}],"wp:attachment":[{"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/media?parent=9477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/categories?post=9477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/craighordlow.com\/index.php\/wp-json\/wp\/v2\/tags?post=9477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}