{"id":12891,"date":"2019-05-19T14:12:19","date_gmt":"2019-05-19T11:12:19","guid":{"rendered":"https:\/\/www.reliablesoft.net\/?p=12891"},"modified":"2022-01-29T14:14:46","modified_gmt":"2022-01-29T12:14:46","slug":"seo-friendly-design","status":"publish","type":"post","link":"https:\/\/www.reliablesoft.net\/seo-friendly-design\/","title":{"rendered":"What is SEO Friendly Web Design"},"content":{"rendered":"
SEO web design is the process of creating websites that search engines can crawl, index, and understand.<\/p>\n
Search engine crawlers cannot \u2018read\u2019 and \u2018interact\u2019 with a website like a human. Instead, they access a website\u2019s HTML code and look for signals to help them understand the structure of a website and the meaning of the content.<\/p>\n
Following SEO friendly design practices is important because you want a website that keeps users and search engines happy.<\/p>\n
If search engines cannot figure out what a website is about, then this will have a negative impact on your traffic and search engine rankings.<\/p>\n
Let\u2019s see how you can design websites that can satisfy both users and search engines<\/strong><\/a>.<\/p>\n These are the 6 principles to follow:<\/p>\n Important Note:<\/strong><\/p>\n SEO web design is not about how your website looks or what colors to use. You can use graphic design courses<\/strong><\/a> or web design courses<\/strong><\/a> to help you out with the look and feel of your website. Design is subjective and not something that Google cares about.<\/p>\n What is important is how a website is structured and how well it can provide the right signals to satisfy the various search engine ranking factors.<\/p>\n An SEO friendly website<\/strong><\/a> can be fully indexed by search engines without any problems.<\/p>\n That\u2019s the first principle of SEO design and a very important one.<\/p>\n To make sure that your website and content is indexed properly follow these steps:<\/p>\n Optimize your Robots.txt<\/strong><\/p>\n Robots.txt is a file in the root directory of your website that gives instructions to search engines as to which pages of a website they can index.<\/p>\n Any false blockings in your robots.txt file can be disastrous, so the first thing to do is to check and optimize your robots.txt<\/strong><\/a>.<\/p>\n Check for Crawl Errors<\/strong><\/p>\n The next step is to check for crawl errors. Google has a tool for webmasters known as Google Search Console<\/strong><\/a>, which among other things, it can give you information about crawl errors.<\/p>\n Step 1: Add the verify your website with Google Search Console<\/strong><\/a>. Submit an XML Sitemap<\/strong><\/p>\n An XML sitemap lists all important pages of a website that search engines need to know about.<\/p>\n It\u2019s normal for a website to have a lot of pages but not all are useful to search engines. To make their job easier, you can create and submit an XML sitemap via the Google Search Console.<\/p>\n Sitemaps are not only used for discovery purposes but it\u2019s also a great way to inform search engines about updates in your site structure or content.<\/p>\n You can read this guide, how to optimize your XML sitemap<\/strong><\/a> for step-by-step instructions.<\/p>\n Use Canonical URLs<\/strong><\/p>\n A canonical URL tells search engine crawlers which version of a page they should index.<\/p>\n For example, if you have different pages for desktop and mobile with the same content, you need to tell Google, that these pages are the same.<\/p>\n If you don\u2019t do it, Google will only index one of the versions or get confused, something that can negatively affect your rankings.<\/p>\n Best practices are:<\/strong><\/p>\n Set a preferred domain<\/strong><\/a> \u2013 Google has a feature in the old Google Search console which you can use to specify how you want Google to treat your pages.<\/p>\n In the eyes of Google, these are two different websites (although it\u2019s the same domain):<\/p>\n Specify a canonical URL for all pages<\/strong> \u2013 Each and every page of your website needs to specify a canonical URL in the header.<\/p>\n If you are using WordPress, you can install the Yoast SEO plugin and it will do it for you automatically, if not read these guidelines<\/strong><\/a> and have a developer make the necessary changes to your CMS.<\/p>\n Use ALT Text for Images<\/strong><\/p>\n Making images accessible to search engines is also a principle of good SEO web design.<\/p>\n Images make a page more interesting and easier to read, but search engine crawlers cannot easily understand what an image is about.<\/p>\n To make their job easier and increase your chances of getting traffic from Image Search<\/em>, you need to optimize your images.<\/p>\n The most important image SEO factor is providing for a valid and meaningful ALT Text.<\/p>\n You can read the Image SEO Guide<\/strong><\/a> for instructions on how to optimize your images for maximum SEO.<\/p>\n Add Structured Data Markup<\/strong><\/p>\n Besides images, a website may include other multimedia elements such as videos, podcasts, and audio.<\/p>\n While search engines can index these elements, they need help to understand their context.<\/em><\/p>\n This is one of the ways schemas and structured data can help. Structured data are special tags<\/em> you can add to your HTML code to give search engines more information about certain elements of a page.<\/p>\n I strongly recommend reading this guide: what is schema<\/strong><\/a> for more information on how to use structured data to make your websites easier to read by bots.<\/p>\n Having a simple and well-organized site structure is vital for good web design.<\/p>\n The way search engines work<\/strong><\/a> is by crawling the homepage of a website and then following any links from there to discover and index more pages.<\/p>\n For best practices, any page on your website should be accessible from the homepage in three clicks or less.<\/p>\n It\u2019s always best to organize your website in a hierarchical manner. Your hierarchy should be no more than 2 or 3 levels deep.<\/p>\n As you can see in the example above, any page can be accessed from the homepage in 2 clicks.<\/p>\n Having a breadcrumb menu that allows the users to go back to the previous level and eventually to the homepage is highly recommended.<\/p>\n You can scroll up and look at my breadcrumb menu. It allows you to go back to LEVEL 1 (category page) and also to the homepage.<\/p>\n You can read this guide: Best website structure for SEO<\/strong><\/a> for more practical tips on how to optimize your site structure.<\/p>\n A good URL structure should match and support the website structure.<\/p>\n By URL structure we mean the format of your permalinks (also known as slugs<\/strong><\/a>).<\/p>\n An SEO friendly URL<\/strong><\/a> structure has the following characteristics:<\/p>\n Good SEO practices indicate that the pages of a webpage should be interlinked together to form a small web.<\/p>\n There are several reasons as to why this makes a website SEO Friendlier:<\/p>\n How to improve your internal link structure?<\/strong><\/p>\n Make sure that all your important pages are linked to from the homepage.<\/p>\n Make sure that all your important pages are linked to from other pages of your website. You can view the internal links report in Google Search Console and make the necessary adjustments.<\/p>\n For more information make sure you read: Internal linking best practices for SEO<\/strong><\/a>.<\/p>\n Any page published on your website should be optimized for search engines.<\/p>\n This includes:<\/p>\n You can click on the above links for specific information on how to optimize each page but the general on-page SEO principles<\/strong><\/a> you should always follow are:<\/p>\n Work on your page titles<\/strong><\/p>\n Optimizing your page titles<\/strong><\/a> is perhaps the single most important SEO factor.<\/p>\n A well-optimized title helps both search engines and users understand what the page is about and this translates to more clicks to your page and higher rankings.<\/p>\n Work on your headings<\/strong><\/p>\n A good visual design splits a page into several \u2018virtual\u2019 sections. This is especially useful for long pages with lots of information (whether this is text, images or videos).<\/p>\n Each section should have its own optimized heading. This makes a page easier to read for both search crawlers and users.<\/p>\n Technically this means that a page should have one H1 Tag<\/a><\/strong> (for the main title), several H2 tags for the heading sections, and H3 tags for subsections.<\/p>\n This is how it looks visually:<\/p>\n Last but not least, SEO web design gives special attention to the user experience.<\/p>\n As already mentioned in the beginning, a successful design doesn\u2019t have to do with colors and fonts but with making the overall experience of the user better.<\/p>\n This can be achieved by concentrating on the following factors:<\/p>\n Website Speed<\/strong><\/p>\n Both Google and users want websites that load fast.<\/p>\n What do we mean by fast websites? A website that loads in less than 3 seconds on mobile using a 3G connection.<\/p>\n If you have tried to improve the loading speed of your website, you know that it\u2019s very hard to get it down to 3 seconds. Nevertheless, you should aim to make your website as fast as possible.<\/p>\n It\u2019s a technical subject and you will need the help of an experienced developer or web designer but it is certainly worth the effort.<\/p>\n You can use the revamped page speed insights report<\/a><\/strong> (a tool provided by Google to help webmasters makes the website faster), as your starting point.<\/p>\n Mobile-friendliness<\/strong><\/p>\n Did you know that 60% of Google searches are now performed on mobile devices? What does this number tell you?<\/p>\n You should follow a \u2018mobile-first\u2019 approach when designing your website.<\/p>\n Instead of designing your website for desktop and then optimizing it for mobile, you should do it the other way around.<\/p>\n It\u2019s not easy, you need to find really good web designers that can do this, but it will certainly make the experience of your users better.<\/p>\n If you already have a website, then make sure that your websites pass the mobile friendly test<\/a> <\/strong>without any problems.<\/p>\n Next, use a tool like Optimizely Hotjar or any other similar software to monitor how users interact with your mobile website and make the necessary improvements.<\/p>\n These tools can produce a heatmap (like the example below) or even video record user sessions so that you can see how users experience your website.<\/p>\n Website Security<\/strong><\/p>\n Website security is not a design factor but it\u2019s a big user experience factor.<\/p>\n Your website has to be secured (HTTPS) and protect user information in the best possible way.<\/p>\n Where applicable you should also prove to users that the website is secure by showing logos or other relevant information.<\/p>\n RankBrain UX-Signals<\/strong><\/p>\n RankBrain<\/a><\/strong> is a machine learning process that is part of the Google ranking algorithm.<\/p>\n One of the jobs of RankBrain is to analyze certain UX-Signals and find out which websites users like to visit for a particular query.<\/p>\n What this means in simple words is that Google may improve the ranking of a website if there is evidence that people like it better than websites already in higher positions on the SERPs.<\/p>\n How is this related to website design?<\/strong><\/p>\n When users like a webpage it means that they are spending time on a page, reading the content, interacting with the site, and visiting more pages before they exit.<\/p>\n If that\u2019s not the case, then there is probably something wrong with your website and you need to find out what and fix it.<\/p>\n Creating an optimized website is not a set it and forget it<\/em> task. It\u2019s an ongoing process that needs constant analysis and testing.<\/p>\n But, you should not start making changes to what you \u2018think\u2019 is better.<\/p>\n Instead, you should make changes based on informed decisions by analyzing the user behavior on your site.<\/p>\n Analyzing user behavior on your site<\/strong><\/p>\n Programs like Google Analytics can help you get insight into how users behave on your site.<\/p>\n You can view several analytic reports<\/strong><\/a> and find out:<\/p>\n\n
1. Accessibility<\/h3>\n
\nStep 2: Find and Fix any crawl errors<\/strong><\/a>.<\/p>\n\n
2. Website Structure<\/h2>\n
3. URL Structure<\/h3>\n
\n
4. Internal Link Structure<\/h3>\n
\n
5. On-Page SEO Optimization<\/h3>\n
\n
6. User Experience<\/h3>\n
\n