Ten SEO aspects for web designers to master

Web design isn’t just about aesthetics; it’s about how a site is put together under the hood. Design choices can have a big impact – positive or negative – on a site’s SEO. In turn, this can affect the site’s performance over its entire lifetime.

If you’re a professional web designer (or if you’re creating your own site from scratch), it’s important to know a few SEO basics – a little knowledge goes a long way to building sites that reach their intended audience. Understanding these 10 aspects of SEO will help you design sites that work well, in addition to looking great.

1. Site structure

Every site should be designed with a clear, logical structure in mind. The homepage should state the big picture purpose of the site – its reason for existing – and details should be broken down into subpages.

For example, if you’re designing a website for recipes, the home page could lead to separate category pages for dinners, soups, and desserts. Each of those subpages could then lead to individual recipe subpages of their own.

It’s fine to have several ‘layers’ of subpages on your site, but don’t go too deep or Google might have trouble crawling all of them. In general, try to keep your site’s depth to three or four layers. Here’s a visual from Moz of what a well-structured site looks like:

website structure

A site’s homepage should lead to its subpages, which lead to their own subpages, and so on.


2. URL structure

URLs affect a site’s SEO, so it’s important to choose good ones right from the start. Here are a few best practices to follow for URLs:

  • Shorter is better, since shorter URLs are more memorable than longer ones
  • A URL should describe the content of the page as clearly as possible. Use plain English instead of abbreviations or strings of letters and numbers
  • For subpages, use hyphens to break up words for readability. For example, use https://example.com/build-a-birdhouse instead of https://example.com/buildabirdhouse.
  • Include keywords in URLs whenever it seems natural to do so (but avoid keyword stuffing).

3. Site navigation

In addition to being well-structured, your sites should be easy for visitors (and Google) to navigate. A site menu should be located prominently at the top of the page or along the sidebar. Every page on the site should be findable. Avoid creating ‘orphaned pages’ that aren’t linked from any other pages on the site. If visitors can’t find a page by following links, search engines won’t know that page exists either.

4. Mobile-friendly design

The age of mobile is here, and responsive web design isn’t optional anymore. For a site to provide good UX and rank well, it needs to adjust for comfortable viewing on a small screen. If you haven’t already, make responsive design your default design mode. You can easily test the mobile-friendliness of your sites using this simple tool from Google.

5. Site speed

Along with mobile-friendliness, site speed is another UX consideration that affects SEO. Google penalizes slow sites in their rankings, and visitors are less likely to stick around if a page takes a few seconds to load. Google’s PageSpeed Insights tool can tell you how fast your sites are and what you can adjust to make them faster.

6. Titles, headers and meta descriptions

Titles, headers and meta descriptions are important aspects of on-page SEO. Every page on a site should have unique content in its tag – in other words, don’t copy and paste the same title across your whole site. Each page’s title should include at least one keyword that’s relevant to the content on the page. Likewise, include keywords in the header tags on each page, especially the </p> <h1> tag.</p> <p>Meta descriptions – the blurbs that appear under links in SERPs – are a little different. They don’t directly affect SEO, but they do impact how many people click on your site in SERPs. They’re basically <a href="https://searchenginewatch.com/2018/04/06/5-ways-to-make-your-website-stand-out-in-the-serps/">free advertising space</a>, so put some thought into them, and include your main keywords to catch searchers’ eyes.</p> <p><a href="https://searchenginewatch.com/wp-content/uploads/sites/25/2018/05/meta-descriptions.jpg"><img src="https://searchenginewatch.com/wp-content/uploads/sites/25/2018/05/meta-descriptions-300x151.jpg" alt="meta descriptions in Google" width="300" height="151" srcset="https://searchenginewatch.com/wp-content/uploads/sites/25/2018/05/meta-descriptions-300x151.jpg 300w, https://searchenginewatch.com/wp-content/uploads/sites/25/2018/05/meta-descriptions-768x385.jpg 768w, https://searchenginewatch.com/wp-content/uploads/sites/25/2018/05/meta-descriptions.jpg 839w" sizes="(max-width: 300px) 100vw, 300px"></a></p> <p><em>A couple examples of meta descriptions in Google.</em></p> <h2>7. Image optimization</h2> <p>Search engines cannot ‘read’ and understand images (yet), but you can tell them what your images are and what they refer to. Here are a few things you can do to <a href="https://searchenginewatch.com/2016/02/16/how-to-optimize-images-for-seo/">optimize your images for SEO</a>:</p> <ul> <li>Name your images accurately. For example, it’s better to call an image something like <em>png</em> than <em>img238.png</em></li> <li>Use alt tags with your images. This is a good idea for accessibility purposes, but also tells search engines what your images depict</li> <li>Don’t use bigger images than necessary as this can slow your site’s loading time.</li> </ul> <h2>8. Use of Flash</h2> <p>In general, steer clear of Flash unless it is absolutely essential. Search engines can’t see or process Flash content, so for SEO purposes it doesn’t exist. It’s especially important not to use Flash for important parts of your site, such as the navigation bar and the main text on your pages.</p> <h2>9. Structured data</h2> <p>The jury is still out on whether structured data, such as schema markup, gives sites a boost in search engines. However, it can help to bring more high-quality traffic by providing valuable information to human searchers. Over time, this traffic boost can improve your rankings.</p> <p><a href="https://searchenginewatch.com/wp-content/uploads/sites/25/2018/05/structured-data.jpg"><img src="https://searchenginewatch.com/wp-content/uploads/sites/25/2018/05/structured-data-300x58.jpg" alt="structured data in Google" width="300" height="58" srcset="https://searchenginewatch.com/wp-content/uploads/sites/25/2018/05/structured-data-300x58.jpg 300w, https://searchenginewatch.com/wp-content/uploads/sites/25/2018/05/structured-data.jpg 752w" sizes="(max-width: 300px) 100vw, 300px"></a></p> <p><em>An example of how structured data shows up in Google’s results.</em></p> <h2>10. Site interface</h2> <p>Good SEO <a href="https://searchenginewatch.com/2018/04/05/technical-seo-vs-content-marketing-which-should-seos-focus-on/">isn’t just about technical details</a>; it’s also about helping people and providing great UX. While it’s important to pay attention to everything on this list as you work on a site, don’t let great design itself fall by the wayside – especially if you’re creating your own website with a <a href="http://www.beautifullife.info/web-design/15-best-free-website-builders/">free website builder</a>. An attractive, easy-to-use interface will encourage visitors to stay on your site and make it easier for them to find what they need. This helps to keep your bounce rate down. An attractive site is great for a brand’s image, too.</p> <h2>Wrapping up</h2> <p>SEO isn’t the niche specialty it used to be. Search engines are playing an increasingly important role in the future of the internet, and it’s important for people in other tech fields – such as web design – to be able to keep up. If you design your site with these crucial aspects of SEO in mind, the finished product will be both beautiful and functional.</p> <p>Want to add something to this list? Share your SEO tips for web designers in the comments below.</p> <p> </p> <p class="wpematico_credit"><small>Powered by <a href="http://www.wpematico.com" target="_blank">WPeMatico</a></small></p> <div class='code-block code-block-2' style='margin: 8px auto; text-align: center; display: block; clear: both;'> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 468 x 60 --> <ins class="adsbygoogle" style="display:inline-block;width:468px;height:60px" data-ad-client="ca-pub-8475026701373413" data-ad-slot="3895273414"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div><!-- .entry-content --> <footer class="entry-footer"> <span class="byline"><i class="fa fa-user"></i> <span class="author vcard"><a class="url fn n" href="https://vivianso.com/author/admin/">admin</a></span></span><span class="cat-links"><i class="fa fa-folder"></i> <a href="https://vivianso.com/category/search-engine-optimization/" rel="category tag">search engine optimization</a></span> </footer><!-- .entry-footer --> </article><!-- #post-## --> <div role="navigation" id="nav-below" class="navigation-post"><div class="nav-previous"><a href="https://vivianso.com/increase-website-traffic-without-improving-search-rank-a-guide-to-ctr-testing-for-title-tags-and-meta-descriptions/" rel="prev"><i class="fa fa-arrow-left"></i> Increase Website Traffic Without Improving Search Rank: A Guide to CTR-Testing for Title Tags and Meta Descriptions</a></div><div class="nav-next"><a href="https://vivianso.com/daily-search-forum-recap-may-10-2018/" rel="next">Daily Search Forum Recap: May 10, 2018 <i class="fa fa-arrow-right"></i></a></div><div class="clear"></div></div> </main><!-- #main --> </div><!-- #primary --> <div id="secondary" class="widget-area sidebar-right" role="complementary"> <aside id="search-2" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://vivianso.com/" autocomplete='off'> <input type="text" class="search-field" placeholder="Search …" value="" name="s" /> <input type="submit" class="search-submit" value="Search" title="Search" /> </form> <div class="clear"></div><div class="widget-bottom"> <div class="l"></div> <div class="r"></div> </div> </aside> <aside id="recent-posts-3" class="widget widget_recent_entries"> <h1 class="widget-title">Recent Posts</h1> <ul> <li> <a href="https://vivianso.com/seo-wizardry-extroversion-and-overlapping-passions-with-brendan-hufford-fs339/">SEO Wizardry, Extroversion, and Overlapping Passions with Brendan Hufford (FS339)</a> </li> <li> <a href="https://vivianso.com/how-to-pitch-ffwd/">How to Pitch: FFWD</a> </li> <li> <a href="https://vivianso.com/we-all-make-mistakes-heres-how-to-prevent-own-them/">We All Make Mistakes – Here’s How to Prevent & Own Them</a> </li> <li> <a href="https://vivianso.com/should-you-be-optimizing-for-voice-search-spoiler-alert-the-answer-is-yes/">Should You Be Optimizing for Voice Search? Spoiler Alert: The Answer is Yes!</a> </li> <li> <a href="https://vivianso.com/google-discover-feed-now-showing-restaurants/">Google Discover Feed Now Showing Restaurants</a> </li> <li> <a href="https://vivianso.com/a-step-by-step-guide-to-google-my-business-set-up-and-optimize-your-profile-infographic/">A Step-by-Step Guide to Google My Business: Set Up and Optimize Your Profile [Infographic]</a> </li> <li> <a href="https://vivianso.com/smx-overtime-your-questions-answered-about-google-penalties-and-their-impact-on-websites/">SMX Overtime: Your questions answered about Google penalties and their impact on websites</a> </li> <li> <a href="https://vivianso.com/how-to-take-good-instagram-photos-5-tips-to-try-now/">How to take good Instagram photos: 5 tips to try now</a> </li> <li> <a href="https://vivianso.com/how-to-increase-website-page-speed-and-maximize-conversions/">How to Increase Website Page Speed and Maximize Conversions</a> </li> <li> <a href="https://vivianso.com/innovation-starts-when-you-step-outside-your-comfort-zone/">Innovation Starts When You Step Outside Your Comfort Zone</a> </li> </ul> <div class="widget-bottom"> <div class="l"></div> <div class="r"></div> </div> </aside><aside id="categories-3" class="widget widget_categories"><h1 class="widget-title">Categories</h1> <ul> <li class="cat-item cat-item-12089"><a href="https://vivianso.com/category/analytics/" title="Auto Added by WPeMatico">analytics</a> </li> <li class="cat-item cat-item-12090"><a href="https://vivianso.com/category/blogging/" title="Auto Added by WPeMatico">blogging</a> </li> <li class="cat-item cat-item-12085"><a href="https://vivianso.com/category/content-marketing/" title="Auto Added by WPeMatico">content marketing</a> </li> <li class="cat-item cat-item-12084"><a href="https://vivianso.com/category/conversion-rate-optimization/" title="Auto Added by WPeMatico">conversion rate optimization</a> </li> <li class="cat-item cat-item-12086"><a href="https://vivianso.com/category/email-marketing/" title="Auto Added by WPeMatico">email marketing</a> </li> <li class="cat-item cat-item-12082"><a href="https://vivianso.com/category/marketing/" title="Auto Added by WPeMatico">marketing</a> </li> <li class="cat-item cat-item-12087"><a href="https://vivianso.com/category/paid-search/" title="Auto Added by WPeMatico">paid search</a> </li> <li class="cat-item cat-item-12088"><a href="https://vivianso.com/category/search-engine-optimization/" title="Auto Added by WPeMatico">search engine optimization</a> </li> <li class="cat-item cat-item-12091"><a href="https://vivianso.com/category/social-media-marketing/" title="Auto Added by WPeMatico">social media marketing</a> </li> <li class="cat-item cat-item-12092"><a href="https://vivianso.com/category/twitter-marketing/" title="Auto Added by WPeMatico">twitter marketing</a> </li> <li class="cat-item cat-item-1"><a href="https://vivianso.com/category/unsorted/">unsorted</a> </li> </ul> <div class="widget-bottom"> <div class="l"></div> <div class="r"></div> </div> </aside><aside id="welovequotes_quoteofthedaywidget-2" class="widget widget_welovequotes_quoteofthedaywidget"><h1 class="widget-title">Quote of the day</h1><div class="weLoveQuotes quote">The greatest wealth is to live content with little.</div><div class="weLoveQuotes author">Plato</div><div class="widget-bottom"> <div class="l"></div> <div class="r"></div> </div> </aside><aside id="text-8" class="widget widget_text"><h1 class="widget-title">John Academy Online Courses</h1> <div class="textwidget"><p><a href="https://click.linksynergy.com/fs-bin/click?id=I/UKk3mHWOU&offerid=679741.3&subid=0&type=4"><IMG border="0" alt="Any Course Save Up to 97% Now at John Academy Online Courses" src="https://ad.linksynergy.com/fs-bin/show?id=I/UKk3mHWOU&bids=679741.3&subid=0&type=4&gridnum=13"></a></p> </div> <div class="widget-bottom"> <div class="l"></div> <div class="r"></div> </div> </aside></div><!-- #secondary --> </div><!-- #content --> <footer id="colophon" class="site-footer" role="contentinfo"> <div class="site-info"> <div class="footer-social-media"></div> <div class="site-description"> <div class="site-contact footer"> <span class="address"><i class="fa fa-map-marker"></i>507-8323 Kennedy Rd, Markham, ON, L3R 5W7</span> <span class="mail"><i class="fa fa-envelope-o"></i>vivian.events.network@gmail.com</span> </div> </div> <div class="copyright"> Copyright © 2019 <a href="https://vivianso.com/" title="Marketing Article Hub" ><b>Marketing Article Hub</b></a>. <span class="sep"> & </span> Thanks to <a href="http://kangroove.com">Kangroove</a> <span class="sep"> & </span> Theme designed by <a title="WordPress Themes" href="http://dinozoom.com">Dinozoom</a> </div><!-- .copyright --> </div><!-- .site-info --> </footer><!-- #colophon --> <div id="back_top"><i class="fa fa-angle-up"></i></div> </div><!-- #page --> <div class='code-block code-block-3' style='margin: 8px 0; clear: both;'> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Responsive Text & Display Ads --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8475026701373413" data-ad-slot="2857583012" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <script type='text/javascript'> //<![CDATA[ (function( $ ) { 'use strict'; var insert_a11y_toolbar = '<!-- a11y toolbar -->'; insert_a11y_toolbar += '<div class="a11y-non-responsive a11y-toolbar ltr right">'; insert_a11y_toolbar += '<ul class="a11y-toolbar-list">';insert_a11y_toolbar += '<li class="a11y-toolbar-list-item"><button type="button" class="a11y-toggle-contrast toggle-contrast" id="is_normal_contrast" aria-pressed="false"><span class="offscreen">Toggle High Contrast</span><span class="aticon aticon-adjust" aria-hidden="true"></span></button></li>';insert_a11y_toolbar += '<li class="a11y-toolbar-list-item"><button type="button" class="a11y-toggle-fontsize toggle-fontsize" id="is_normal_fontsize" aria-pressed="false"><span class="offscreen">Toggle Font size</span><span class="aticon aticon-font" aria-hidden="true"></span></button></li>'; insert_a11y_toolbar += '</ul>'; insert_a11y_toolbar += '</div>'; insert_a11y_toolbar += '<!-- // a11y toolbar -->'; $( document ).find( 'body' ).prepend( insert_a11y_toolbar ); }(jQuery)); //]]> </script><link rel='stylesheet' id='personalportfolio-google-fonts-css' href='//fonts.googleapis.com/css?family=Open+Sans&subset=latin&ver=1.0.0' type='text/css' media='all' /> <script type='text/javascript'> /* <![CDATA[ */ var a11y_stylesheet_path = "https:\/\/vivianso.com\/wp-content\/plugins\/wp-accessibility\/toolbar\/css\/a11y-contrast.css"; /* ]]> */ </script> <script type='text/javascript' src='https://vivianso.com/wp-content/plugins/wp-accessibility/toolbar/js/a11y.js?ver=1.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var wpaComplementary = [""]; /* ]]> */ </script> <script type='text/javascript' src='https://vivianso.com/wp-content/plugins/wp-accessibility/js/roles.jquery.js?ver=1.0'></script> <script type='text/javascript'> /* <![CDATA[ */ var wpalabels = {"s":"Search","author":"Name","email":"Email","url":"Website","comment":"Comment"}; /* ]]> */ </script> <script type='text/javascript' src='https://vivianso.com/wp-content/plugins/wp-accessibility/js/wpa.labels.js?ver=1.0'></script> <script type='text/javascript' src='https://vivianso.com/wp-content/plugins/wp-accessibility/js/longdesc.button.js?ver=1.0'></script> <script type='text/javascript' src='https://vivianso.com/wp-content/plugins/wp-accessibility/js/current-menu-item.js?ver=1.0'></script> <script type='text/javascript' src='https://vivianso.com/wp-content/themes/corporatebusiness-freemium/inc/js/navigation.js?ver=20120206'></script> <script type='text/javascript' src='https://vivianso.com/wp-content/themes/corporatebusiness-freemium/inc/js/skip-link-focus-fix.js?ver=20130115'></script> <script type='text/javascript' src='https://vivianso.com/wp-includes/js/wp-embed.min.js?ver=5.2.3'></script> <script type='text/javascript'> //<![CDATA[ (function( $ ) { 'use strict'; $('a').removeAttr('target'); $('html').attr( 'lang','en-US' ); $('html').attr( 'dir','ltr' ) $('input,a,select,textarea,button').removeAttr('tabindex'); }(jQuery)); //]]> </script></body></html> <!-- Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/ Page Caching using disk: enhanced Served from: vivianso.com @ 2019-09-15 13:43:46 by W3 Total Cache -->