{"id":10155,"date":"2015-03-24T14:00:17","date_gmt":"2015-03-24T12:00:17","guid":{"rendered":"http:\/\/www.digitalmarketingpro.net\/?p=343"},"modified":"2021-10-02T17:15:55","modified_gmt":"2021-10-02T14:15:55","slug":"how-to-redesign-a-website-without-losing-seo","status":"publish","type":"post","link":"https:\/\/www.reliablesoft.net\/how-to-redesign-a-website-without-losing-seo\/","title":{"rendered":"How to Redesign a Website Without Losing SEO"},"content":{"rendered":"<p><span class=\"subtitle\">When doing a site redesign there are a number of things to check to make sure that your rankings and SEO performance will not be negatively affected. Failing to follow all the steps correctly will confuse search engines and this will damage your website\u2019s trust.<\/span><\/p>\n<h2>A website redesign is welcomed and sometimes necessary<\/h2>\n<p>There are many reasons why a website redesign in necessary. The most common reasons are:<\/p>\n<ul>\n<li>You want to change the website theme (look n\u2019 feel)<\/li>\n<li>You want to do rebranding<\/li>\n<li>You decide to change platform i.e from Joomla to WordPress<\/li>\n<li>You want to switch to a mobile friendly theme<\/li>\n<\/ul>\n<p>A website redesign does not necessarily mean changing the domain of your website, so in all the above cases we assume that you keep the same domain but change the way the website looks i.e. the design.<\/p>\n<p>Keeping your website up to date and continuously improving your design, features and user experience is actually something that is not only welcomed by Google, but it is also <a href=\"https:\/\/www.youtube.com\/watch?v=URq6Oogkpag\" target=\"_blank\" rel=\"noopener\"><b>suggested<\/b><\/a>.<\/p>\n<h2>Steps for a successful site redesign<\/h2>\n<p><a href=\"#step1\">Step 1: Setup the new website on a temporary URL<\/a><br \/>\n<a href=\"#step2\">Step 2: Test new website for broken links<\/a><br \/>\n<a href=\"#step3\">Step 3: Create a list of all pages from your OLD website<\/a><br \/>\n<a href=\"#step4\">Step 4: Create page by page 301 redirections to redirect old urls to new urls<\/a><br \/>\n<a href=\"#step5\">Step 5: Switch to the new website (all at once)<\/a><br \/>\n<a href=\"#step6\">Step 6: Make sure that the new website is verified with Google Search Console<\/a><br \/>\n<a href=\"#step7\">Step 7: Use the URL Inspection tool to check that Google can properly index the new website<\/a><br \/>\n<a href=\"#step8\">Step 8: Check robots.txt<\/a><br \/>\n<a href=\"#step9\">Step 9: Optimize and resubmit XML sitemap to Google and Bing<\/a><br \/>\n<a href=\"#step10\">Step 10: Monitor your rankings<\/a><\/p>\n<h3 id=\"step1\">#1 &#8211; Setup the new website on a temporary URL<\/h3>\n<p>It\u2019s always a good practice to copy your existing website to a temporary url, work on the new design and when it\u2019s ready you just switch the domain and everything works with no problems.<\/p>\n<p>There are some technical details for this to work but your <a href=\"https:\/\/www.reliablesoft.net\/web-hosting-for-beginners\/\"><strong>hosting provider<\/strong><\/a> should be able to guide you or even do this setup for you.<\/p>\n<p>Working directly on your live website is not recommended because a lot of things can go wrong when you start doing design changes.<\/p>\n<p>In terms of SEO, you need to make sure that your testing website is not index by Google to avoid any duplicate content issues.<\/p>\n<p>There are two ways to do this:<\/p>\n<p><strong>Method 1<\/strong><\/p>\n<p>If you are on WordPress, go to SETTINGS \/ DISCUSSION and check the <em>Search Engine Visibility\u00a0<\/em>option .<\/p>\n<figure id=\"attachment_8518\" aria-describedby=\"caption-attachment-8518\" style=\"width: 1550px\" class=\"wp-caption alignnone\"><img class=\"size-full wp-image-8518\" src=\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/12\/search-engine-visibility-settings-wordpress.png\" alt=\"Search Engine Visibility Settings WordPress\" width=\"1550\" height=\"392\" srcset=\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/12\/search-engine-visibility-settings-wordpress.png 1550w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/12\/search-engine-visibility-settings-wordpress-600x152.png 600w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/12\/search-engine-visibility-settings-wordpress-300x76.png 300w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/12\/search-engine-visibility-settings-wordpress-768x194.png 768w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/12\/search-engine-visibility-settings-wordpress-1024x259.png 1024w\" sizes=\"(max-width: 1550px) 100vw, 1550px\" \/><figcaption id=\"caption-attachment-8518\" class=\"wp-caption-text\">Search Engine Visibility Settings WordPress<\/figcaption><\/figure>\n<p><strong>Method 2<\/strong><\/p>\n<p>Edit your robots.txt file and add the following lines of code:<\/p>\n<p><code> User-agent: *<br \/>\nDisallow: \/<\/code><\/p>\n<p>What the above code does is to block all search engines from accessing the website.<\/p>\n<blockquote><p>If you don&#8217;t know how to edit your robots.txt file, read my <a href=\"https:\/\/www.reliablesoft.net\/robots-txt-seo\/\"><strong>robots SEO<\/strong> <\/a>guide.<\/p><\/blockquote>\n<p>IMPORTANT: Make sure that you don&#8217;t transfer these settings to the new website when it is deployed live!<\/p>\n<h3 id=\"step2\">#2 &#8211; Test new website for broken links<\/h3>\n<p>When you are done making changes to the new website the next thing to do is check that there are no broken links.<\/p>\n<p>You can use <a href=\"http:\/\/home.snafu.de\/tilman\/xenulink.html\" target=\"_blank\" rel=\"noopener\"><b>XENU<\/b><\/a> which is a free tool that checks that all links are valid.<\/p>\n<p>Chances are that you will have some broken links in your CSS or javascript and while these don\u2019t have an impact on SEO it\u2019s better to correct them now before you go live.<\/p>\n<h3 id=\"step3\">#3 &#8211; Create a list of all pages from your OLD website<\/h3>\n<p>It is normal to change the url structure or <a href=\"https:\/\/www.reliablesoft.net\/slug\/\"><strong>slug<\/strong><\/a> of a page, but it is also of great importance that you let Google and other search engines know about the changes.<\/p>\n<p>Failure to do so will damage your rankings, decrease your domain trust and as a result you will lose your organic traffic.<\/p>\n<p>The first step is to create a list of <span style=\"text-decoration: underline;\">all the urls<\/span> your existing website has. The easiest way to do that is to take your sitemap and save it as a text file.<\/p>\n<h3 id=\"&quot;step4\">#4 &#8211; Create page-by-page 301 redirections to redirect old urls to new urls<\/h3>\n<p>Let\u2019s say that some (or all) of your urls have changed. For example, the contact us page had this url <em>https:\/\/example.com\/contactus.html<\/em> and with the new design you changed it to <em>https:\/\/example.com\/contact-us<\/em>.<\/p>\n<p>If you don\u2019t want search engines to consider these as two different pages and if you still want any links that point to <em>contactus.html<\/em> to be transferred to the new url then you need to do a <strong>301 redirection.<\/strong><\/p>\n<blockquote><p>A 301 redirection is the way to tell search engines that a page has changed url.<\/p><\/blockquote>\n<p>Another reason why you might want to do a 301 redirection, is to ensure that any bookmarks or social media links will still be working when the new website goes live.<\/p>\n<p>Use the list you created in step 3 and write for each page the new url. If you are using WordPress (and apache in general) you can place the redirections in your <em>.htaccess<\/em> file (found in the root of your website).<\/p>\n<p>A typical 301 redirection looks like this:<\/p>\n<p><code>Redirect 301 \/OLD-PAGE-URL NEW-PAGE-URL<\/code><\/p>\n<p>For example:<\/p>\n<p><code>Redirect 301 \/contactus.html\u00a0https:\/\/example.com\/contact-us<\/code><\/p>\n<p>Notice that for the OLD URL, we only type the page and for the NEW URL the follow URL path.<\/p>\n<blockquote><p>The actual configuration depends on the platform you are using. Read this <a href=\"https:\/\/support.google.com\/webmasters\/answer\/93633?hl=en\" target=\"_blank\" rel=\"noopener\"><b>nice guide<\/b><\/a> on 301 from Google for more information.<\/p><\/blockquote>\n<h3 id=\"step5\">#5- Switch to the new website (all at once)<\/h3>\n<p>This is a critical step and something that you waited for a long time. After all the hard work in designing, developing and testing your new website is ready to go live and it\u2019s only a click away.<\/p>\n<p>What you should do at this stage is make the switch to the new website all at once.<\/p>\n<p>The alternative way would be to do in stages, especially when it comes to big websites but Google\u2019s recommendation is to do it <a href=\"https:\/\/www.seroundtable.com\/google-move-site-faster-crawl-19936.html\" target=\"_blank\" rel=\"nofollow noopener\"><b>all at once<\/b><\/a> since this way will expedite crawling.<\/p>\n<h3 id=\"step6\">#6- Make sure that the new website is verified with Google Search Console<\/h3>\n<p>After going live the first thing is to check that everything is working ok. I would also recommend to run a broken links check again just in case you missed anything from the last test.<\/p>\n<p>The next step is to login to your webmaster tools (both Google and Bing) and make sure that the website is still verified.<\/p>\n<p>If not, you should verify it again so that you can monitor how Google and Bing index the new website.<\/p>\n<blockquote><p><strong>Read:<\/strong> <a href=\"https:\/\/www.reliablesoft.net\/add-website-google-search-console\/\"><strong>How to add and verify a website with the new Google Search Console<\/strong><\/a>.<\/p><\/blockquote>\n<h3 id=\"step7\">#7- Use the URL Inspection tool to check that Google can properly index the new website<\/h3>\n<p>While in Google Search Console, use the URL INSPECTION option (from the top bar) to make sure that Google can read and index the newly deployed website correctly.<\/p>\n<p>If there are no issues, click the REQUEST INDEXING button. This will speed up the indexing process.<\/p>\n<figure id=\"attachment_11688\" aria-describedby=\"caption-attachment-11688\" style=\"width: 2300px\" class=\"wp-caption alignnone\"><img class=\"size-full wp-image-11688\" src=\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2015\/03\/resubmit-site-to-google.png\" alt=\"Resubmit Website to Google.\" width=\"2300\" height=\"814\" srcset=\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2015\/03\/resubmit-site-to-google.png 2300w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2015\/03\/resubmit-site-to-google-300x106.png 300w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2015\/03\/resubmit-site-to-google-768x272.png 768w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2015\/03\/resubmit-site-to-google-1024x362.png 1024w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2015\/03\/resubmit-site-to-google-600x212.png 600w\" sizes=\"(max-width: 2300px) 100vw, 2300px\" \/><figcaption id=\"caption-attachment-11688\" class=\"wp-caption-text\">Resubmit Website to Google.<\/figcaption><\/figure>\n<h3 id=\"step8\">#8- Check robots.txt<\/h3>\n<p>Another thing to check at this stage is your robots file using the ROBOTS.TXT TESTER option which is under crawl (in the old version of Google Search Console).<\/p>\n<figure id=\"attachment_8511\" aria-describedby=\"caption-attachment-8511\" style=\"width: 1200px\" class=\"wp-caption alignnone\"><img class=\"size-full wp-image-8511\" src=\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/12\/robotstxt-tester-tool.png\" alt=\"Robots.txt Tester Tool\" width=\"1200\" height=\"360\" srcset=\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/12\/robotstxt-tester-tool.png 1200w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/12\/robotstxt-tester-tool-600x180.png 600w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/12\/robotstxt-tester-tool-300x90.png 300w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/12\/robotstxt-tester-tool-768x230.png 768w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2017\/12\/robotstxt-tester-tool-1024x307.png 1024w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><figcaption id=\"caption-attachment-8511\" class=\"wp-caption-text\">Robots.txt Tester Tool<\/figcaption><\/figure>\n<p>Robots is a simple file used by webmasters to either allow or deny access to search engines to the web site as a whole or to certain pages.<\/p>\n<p>A wrong configuration in robots.txt can deny access to search engine crawlers and this should be corrected as soon as possible.<\/p>\n<h3 id=\"step9\">#9- Optimize and resubmit XML sitemap to Google and Bing<\/h3>\n<p>Next and final step is to resubmit your <a href=\"https:\/\/www.reliablesoft.net\/how-to-optimize-your-xml-sitemap-for-maximum-seo\/\"><strong>XML sitemap<\/strong><\/a> to Google and Bing.<\/p>\n<p>If your urls have changed the new xml sitemap will have the new structure and this will help search engines index your redesigned website faster and avoid any unpleasant surprises with your rankings.<\/p>\n<figure id=\"attachment_11689\" aria-describedby=\"caption-attachment-11689\" style=\"width: 2888px\" class=\"wp-caption alignnone\"><img class=\"size-full wp-image-11689\" src=\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2015\/03\/resubmit-sitemap.png\" alt=\"Resubmit Sitemap to Google\" width=\"2888\" height=\"1192\" srcset=\"https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2015\/03\/resubmit-sitemap.png 2888w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2015\/03\/resubmit-sitemap-300x124.png 300w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2015\/03\/resubmit-sitemap-768x317.png 768w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2015\/03\/resubmit-sitemap-1024x423.png 1024w, https:\/\/www.reliablesoft.net\/wp-content\/uploads\/2015\/03\/resubmit-sitemap-600x248.png 600w\" sizes=\"(max-width: 2888px) 100vw, 2888px\" \/><figcaption id=\"caption-attachment-11689\" class=\"wp-caption-text\">Resubmit Sitemap to Google<\/figcaption><\/figure>\n<h3 id=\"step10\">#10- Monitor your rankings<\/h3>\n<p>Last but not least it is recommended that you have a monitoring system in place before and after you do a website redesign.<\/p>\n<p>You can either use a ranking tool (I use <a href=\"\/tools\/semrush\"><b>SEMRUSH<\/b><\/a>\u00a0) or do it manually by keeping a record of your ranking positions for different keywords.<\/p>\n<p>What you want to identify is big changes in rankings, either positive or negative so that you can take corrective actions.<\/p>\n<p>Have in mind though that it is normal to see big fluctuations in the first few days after the redesign so don\u2019t panic if you see a sudden drop or don\u2019t get too happy if you see an increase.<\/p>\n<p>Wait for a couple of weeks and if things are bad for some pages then you can start worrying.<\/p>\n<p>In most cases changing the website theme or urls will not have a negative impact. What is more likely to cause problems with rankings is a chance in the web page content.<\/p>\n<p>Dramatically changing the content is not recommended unless you are doing it for pages that don\u2019t have a good ranking and you want to improve them.<\/p>\n<h2><b>Others things to know when doing a website redesign<\/b><\/h2>\n<p><b>Bounce Rate<\/b><\/p>\n<p><a href=\"https:\/\/www.reliablesoft.net\/bounce-rate\/\"><b>Check your bounce rate<\/b><\/a> before and after the redesign and if you see an increase (which is not good) then this means that user\u2019s are less happy with the new design.<\/p>\n<p><b>Changing the page content<\/b><\/p>\n<p>As mentioned above, If you dramatically change the content of a page, your rankings might be affected without knowing if it&#8217;s because of the new design or the content.<\/p>\n<p>To avoid such unpleasant situations when doing a redesign try to change only items that are related to the design and look&amp;feel of the website and don\u2019t do any changes to the text content.<\/p>\n<p>Once you go live with the new design (and possibly new url structure) monitor your ranking positions to ensure that nothing serious has changed.<\/p>\n<p>Then proceed with making changes to the actual page content.<\/p>\n<p><b>User experience above all<\/b><\/p>\n<p>When doing a redesign don\u2019t forget about the user experience. A good website has many characteristics but above all it respects the user by providing them with a friendly interface.<\/p>\n<p>Make some tests and ask friends for feedback before launching a new design.<\/p>\n<p><b>Social Media counts<\/b><\/p>\n<p>Social media counts (likes, tweets, pins) will change if you change the urls. As soon as you go live, you will notice that your social media counts (for the individual pages and not domain) will go to zero. Don\u2019t panic.<\/p>\n<p>It may take some time but sooner or later social media networks will read the 301 redirections and your hard earned social media \u2018votes\u2019 will be transferred over to the new pages.<\/p>\n<h2><b>Final thoughts<\/b><\/h2>\n<p>Don\u2019t be afraid to do a website redesign, if you follow the steps above your SEO won\u2019t be negatively affected.<\/p>\n<p>On the contrary introducing a modern design that is faster, mobile friendly and easy to use without too much clutter will most probably improve your rankings and boost your website\u2019s traffic.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When doing a site redesign there are a number of things to check to make sure that your rankings and SEO performance will not be negatively affected. Failing to follow all the steps correctly will confuse search engines and this will damage your website\u2019s trust. A website redesign is welcomed and sometimes necessary There are [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":11683,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","mc4wp_mailchimp_campaign":[]},"categories":[3],"tags":[423,424,425,13,426],"_links":{"self":[{"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/posts\/10155"}],"collection":[{"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/comments?post=10155"}],"version-history":[{"count":3,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/posts\/10155\/revisions"}],"predecessor-version":[{"id":32111,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/posts\/10155\/revisions\/32111"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/media\/11683"}],"wp:attachment":[{"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/media?parent=10155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/categories?post=10155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.reliablesoft.net\/wp-json\/wp\/v2\/tags?post=10155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}