Get in touch

Transform your business with us today through web design & development - we will achieve all your goals and objectives

contact us now

Header Image: Photo by Yura Fresh

“Google to move all websites to mobile-first indexing by September 2020!”

Google have decided that all websites will be moved to mobile- first indexing by September 2020, something the tech firm have been in the process of since 2016. However, it is only this year that they have ironed out all of the kinks so the transition will be as smooth as possible.

While being forward focused and putting mobile first, Google have stated that your website may still be crawled with the traditional desktop Googlebot after the update has taken place, but most of the crawling will be done by their mobile smartphone user-agent, meaning that your website may be crawled more than usual.

 

So what is Mobile-first indexing?

Mobile-first indexing just means that when Google are indexing your website for the search engine results page they will be analysing the mobile version of your website first, rather than the desktop version. That doesn’t necessarily mean that if your website doesn’t have a mobile version that it won’t get indexed on Google, but it will put you at a huge disadvantage when Google rank your website. This is due to the fact that the majority of Google searches are now performed on a mobile device rather than a desktop and as some desktop websites have different amounts of content and different layouts than the mobile version, it makes sense that Google will index the mobile version first. This has been in the works for many years but it is only this year that Google will update their algorithm to mobile-first indexing by default.

Currently, Google actually already rank around 70% of websites through mobile-first indexing, however the remaining 30% will need to be moved over to the new process which is why this process has taken so long, as mobile first indexing was first mentioned by Google back in 2016. The process of moving over from desktop-first indexing to mobile-first indexing has taken four years and only now is it nearly ready to be a default factor in their ranking algorithm. 

So what does this mean for your website?

Well this probably means that your website could already be included within the 70% of websites that are already being ranked by Google under the mobile-first indexing process, meaning that if you are happy with your current ranking position then this shouldn’t change very much when the full indexing update takes effect in September. However, if your website has a separate desktop and mobile version then this is where you may see a drop in rankings, as this will depend on the amount of content, the images, the links, the structured data etc. That is featured on the mobile version of your website. As this will be the primary website version that Google will be ranking, you may see a drop in your position on the search engine results page. Therefore, some changes to the mobile version of your website may be necessary to ensure you keep your position. 

 

So, is there any real reason to panic? Will mobile-first indexing negatively affect your SEO?

The answer to that is probably not, as long as you have a mobile version of your website available to Google, their new mobile-first indexing update shouldn’t really be an issue for your SEO. If you are with us here at WebBoss then your website will be absolutely fine as every one of our websites has a responsive design and so are fully accessible by any device, not just mobile.  

 

So should I have a responsive website design?

Even before this update it was recommended that you have a responsive website, in light of this new update by Google, it would seem that having a responsive website is vital when it comes to SEO. This is due to the fact that your website will have one version for all devices as opposed to having two separate websites, one specifically for mobile and one for desktop. A responsive website design allows the desktop version of your website to be fluid and will minimise in size to fit all different device screen sizes. This ensures that your website is fully visible and easy to navigate for your users not just on a phone but iPads and tablets too.

However, during the design process it is very important to consider the structure and the amount of content that will be visible on each page, as well as page speeds and image sizes. These may look nice on a desktop but when it comes to viewing the website via a smaller device, you may find that the page length is extremely long and there is a lot of written content that people may find difficult to read on a mobile or similar device. Loading speeds are also a very important consideration as people tend to have shorter attention spans when they are using a mobile device, so it is very important that the mobile view of your website has been considered during the initial design stages, to ensure that your users will have the best experience of your website across all devices.

In terms of keeping costs low, a responsive website can definitely do just that, as there is only one code base that will fit to all devices. This keeps the costs low as your website builder will only need to design one set of code for your website, this considerably reduces time as you will not need a separate set of code for a solely mobile designed website. Also, if you choose a company that is experienced with responsive design (like us) it will mean that the design will be considered for different screen sizes. A responsive design also means a consistent website experience across all devices. Have you ever visited a website on your laptop or desktop and then when you view the website via your phone you cannot find your way around because the layout is completely different? This can be quite confusing and frustrating for the user’s experience of a website.

So in conclusion to all of this, we would recommend that having some kind of mobile version of your website is an absolute MUST! As the Google deadline looms, you will want to ensure that your website does not receive a knock in search engine rankings by ensuring that you have a mobile version ready for your users. The best direction we could push you in, especially if you are on a lower budget, is to get yourself a responsive website design as it is by far the cheapest and simplest way to ensure that Google are going to continue to rank your website! Not sure where to start? Contact us for a chat to discuss your options. 

Subscribe to Updates

Subscribe to:
Like   Back to Top   Seen 139 times   Liked 0 times

Subscribe to Updates

If you enjoyed this, why not subscribe to free email updates ?

Subscribe to Blog updates

Enter your email address to be notified of new posts:

Subscribe to:

Alternatively, you can subscribe via RSS RSS

‹ Return to Blog

We never share or sell your email address to anyone.

I've already subscribed / don't show me this again

Recent Posts

In The Latest Update: Multiple Shipping Options

| 11th March 2021 | Ecommerce

In The Latest Update: Multiple Shipping Options

One of the most recently requested features for our eCommerce module was that of multiple and more flexible shipping options. We are pleased to announce that as of version 3.6.6 of the WebBoss system, you can now create multiple and flexible shipping options to cater for all your needs! How does it work? The basic idea of the new shipping options is that you can create multiple different shipping options, all with different configurations, including restrictions. When the user goes through the checkout process, the website will check all the available shipping options you have configured (based off of the shipping address, cart products etc.) and show buttons in the checkout to select which option to use, or if only one is available it will select that one automatically. Stay COVID-19 safe with Click & Collect One of the main new features is to allow collection, or “Click & Collect”, and to be able to create locations for this. If you have a shipping option with the type set to “collection”, then the checkout process will allow to you choose between delivery and collection. When the user chooses collection, instead of entering a shipping address, they will choose a collection location, which can also be displayed on a map. The checkout options if you offer both types   To configure your shipping options in your website admin, from the sidebar navigation, go to Modules > eCommerce > Shop Settings > Postage Settings. The “Default” tab holds some general postage settings, and the basic settings to use if you’re not yet ready to use the new shipping options. The main tab to use here is the “Postage Types” tab. Here you can create new options and click the “Configure” button to change the settings like the restrictions and free conditions. Multiple Postage Types settings   If you’re using the collection option, you will need to create locations for customers to collect from, which can be done under the “Locations” tab. Click & Collect locations settings in the ecommerce dashboard   The last tab is “Price Charts”, which can be used to create a table used to calculate shipping price based on weight, which can then be applied to shipping options. Weight Chart configuration settings Configuration Examples Standard and Next Day delivery If you want users to have the option to choose between various delivery types, create two different shipping options; for this example we will use “Standard” and “Next Day” delivery. For the Standard delivery, don’t add any restrictions so this will always be displayed as the default option. When configuring the Next Day delivery however, you may decide to add restrictions to it so for example you could set it so next day delivery is only available on orders over a set amount. Alternatively, you could also set this option to be free if the order is over a set amount. Configuring the shipping options for Standard and Next Day delivery   Then when a customer goes through your checkout, this is what they will see when they get to the point of confirming their order: Checkout options with multiple postage options   Local, National and International Delivery If you want to have different prices for local and international delivery, you could create a different shipping option for each area. Your first option could be your local delivery, so for this option you could restrict it to specific postcodes, and then you could have another option for national delivery by restricting it to only the UK for example. Depending on how you want to handle overseas shipping, you could create an option for Europe and an option for International, but excluding UK. Alternatively, you could even have different options for different countries if you wanted to be more specific. Configuring restrictive and more complex shipping options   Different Couriers If you wanted to deliver through multiple...

WebBoss eCommerce Module - January Sales

| 08th January 2021 | Blogging

WebBoss eCommerce Module - January Sales

How the WebBoss.io eCommerce module can help with your January sales With the madness of Christmas behind us, it might be time to think about those January sales and clearing out your stock room to make way for the New Year. Since we are also facing yet another national lockdown, it might be the right time to get your business selling online. With all of this in mind, the WebBoss platform is full of features that can really help you organise and showcase your online products. Here are a few ways that WebBoss can help you shift those sale items.  1. Discounted Products Add discounts to your products to show your users the new and old price. This will encourage people to buy from you, if they can see the price difference or how much they are saving, they will be more likely to part with their cash. Within the system there is a really easy way to discount your products, in the ‘Special Offers’ section when you edit a product, you can keep the original price and add a discounted price, this will appear on the front end of your website to tell users the new discounted price of a product.        2. Image Overlay You can also easily add an overlay to your products to really make them stand out and tell your users that there is a sale or discount on a product. In the ‘Special Offers’ section of the edit product page, you will have the option to write some text which will appear over the product image on the front end of your website for example, ‘30% Off’. This will really make the discounted product stand out. You don’t have to add this, however it can be really useful when you are trying to sell discounted products.       You can choose to use the default image overlay colour and text colour if you would like too, however there is a way of customising this if you would like to use specific colours. To do this go to ‘Shop Settings’ > ‘Display Settings’ > ‘Product Display Options’ and scroll to the bottom, here you will see some settings that will allow you to customise your overlay. You can choose whether you want the overlay to be across one of the corners, or you can choose to have a circle.  You can also choose which corner you would like the overlay to be displayed on your product image. You can then choose the colour of the overlay and also the colour of the text.               You can also add different promotions to different products. Again within the edit product pages, you can choose any discount price and also add in any text to the overlay for each individual product. For example, some may be 30% off, while others might be 10% or 20%; you can even add in text like ‘Price Drop’ or ‘Sale’, etc.   3. Exclusive Promo Codes Exclusive promo codes are definitely a great option for encouraging new and return customers. These codes can either be targeted in an email campaign to certain email subscribers, or you can even display the code on your website somewhere for example, within the description  of your product page. These codes can be created in the ‘Shop Settings’ > ‘Promo Codes’, from here you can create as many promo codes as you like. The user will then be able to add the code within the checkout area, where the money will then automatically be deducted from the original product cost. Within the settings you will have the option to add the name of the code, add a percentage off or you can add in a cost deduction, you can also add an expiry date.      4. Special Offers Category Within your categories, there will be a default ‘Special Offers’ category, this can be really useful for displaying all of your discounted products in one place. If you discount any of your products they will automatically appear in this category, saving you a lot of time and will also mean that your users will easily be able to find all of the sale items that you have listed. To ensure that you have this category active then head...

Website Design Trends 2021

| 23rd December 2020 | Blogging

Website Design Trends 2021

Top 5 Website Design Trends for 2021   Like most things, trends will come and go and this is no different for web design. Every year we are very excited to see what new design trends will be appearing and which ones we can incorporate in our own website designs. With this in mind, we have listed our top 5 favourite new web design trends, that we will hopefully be seeing more of in 2021.  1. 3D Design Although this is something that is definitely not new and does reoccur each year, 3D Design seems to be getting more and more intricate as the years go on, making the most of the capabilities of modern technologies. Here we can see technology giant Apple really incorporating stunning 3D design elements into their website imagery.  2. Nature Inspired Design Something that we don’t often see, but is slowly coming back into fashion for 2021, is nature inspired web designs. We can start to see the use of earthy toned colours, softer lighting and nature imagery this year in certain web designs, as demonstrated here by Green & Blacks Chocolate. 3. Organic Shapes In previous years we have seen geometric shapes being very popular in web design, however this year we are going to start to see a lot more organic shapes being used within certain designs. These tend to be shapes that you would find in nature, similar to hills or mountains or steep inclines. These shapes are very useful to break up a web page and fluidly draw the reader’s eye to different sections. Here you can see how Android has used these organic shapes in their own website design.   4. Abstract Art Compositions  A big trend for 2021 seems to be artistic and abstract shapes. In previous years we have seen shapes like squares and circles being used in a simplistic and minimalistic way, however this year we are going to see these shapes being used in a much more abstract and artistic way. Web designers and artists will be using these in conjunction with photography, adding elements of excitement and energy to website designs. Again, Apple have incorporated this website design trend within their own design.  5. Web Design for Causes  With the COVID-19 pandemic affecting the entire planet, many companies have had a much different outlook on certain environmental and philanthropic parts of their business and as a result of this; their web design has been influenced, bringing these elements to the forefront of their websites. Here you can see that Green & Blacks have chosen to showcase their business ethics within their homepage design, to really emphasise it to their users.    We can definitely see a few repeat trends creeping in for this year, however it is nice to see these designs being updated and modernised to suit websites in 2021. We can see that web designers are really pushing the boundaries as to what their applications can achieve, and it is very refreshing. These trends are our personal favourites that you can expect to see within our own website designs throughout 2021. If you would like to incorporate any of these elements in a design for your own website, contact us today to arrange a chat.  ...

WebBoss Websites Guide - Google Analytics

| 15th December 2020 | Blogging

WebBoss Websites Guide - Google Analytics

How to Add Google Analytics to Your WebBoss Website With SEO and website tracking such a huge topic when it comes to digital marketing and running an online business, we know how important it is to be able to track and analyse the data and traffic being generated by your biggest marketing tool, your website. Google Analytics is one of the most popular and FREE tools that you can use to track and monitor user behaviour, user experience, device functionality, etc. It is extremely useful for your online marketing strategy and you can use it in many ways. However with all this being said, if you are newer to the world of online businesses and digital marketing, then it can be a little bit difficult to understand how your website and Google Analytics go hand in hand. When it comes to your WebBoss Website, our development team are continually adding triggers to particular areas of the CMS such as the eCommerce module, so that your website can communicate more information to Google Analytics. Recently in our newest update we have added triggers to the Web Forms module, meaning that you can now track when people fill out a contact form or a sign up form. So all you need to do is add your Google Analytics tracking ID to your website.   How to Find Your Google Analytics Tracking ID So if you haven't already, you will need to get yourself a free Google Analytics account. From here you will have everything you need to get started tracking your users behaviour on your website. Once you have set up your Google Analytics account, all you will need to do is find your tracking ID from your Google Analytics account and add it to your website. To find your Tracking ID all you need to do is:• Sign in to your Analytics account.• Click Admin.• Select an account from the menu in the ACCOUNT column.• Select a property from the menu in the PROPERTY column.• Under PROPERTY, click Tracking Info > Tracking Code.• Your Tracking ID is displayed at the top of the page. From here you will need to copy the code and then paste it to your website. To do this go to the page, ‘SEO: Analytics and Tracking Scripts’ which is located in the left hand side bar under 'SEO Settings'. From here, the page will open and you will see 'Analytics (Tracking ID)' paste your tracking ID here and then scroll to the bottom and hit 'Save Tracking Codes'.  And that’s it! Your website will now start tracking a lot of different information which you can review and analyse in Google Analytics including, information about your eCommerce module, web forms and more!...