Skip to content

Responsive design to protect against mobile-first conversion

responsive design to protect from mobile first conversion.jpg

Mobile-First Index from Google

In September 2020, the switch to Google’s Mobile-First Index took place. This means that websites will no longer be ranked based on their desktop (computer) view as before, but only on the smartphone version.

Many top ranked websites on Google will suffer due to this change if they do not have a good and mobile version of their website in time. 

Google has also informed that it is no longer timely to create a separate mobile version of the website, so you could just leave the existing website as it is. So, the complete website as such must work on desktop and smartphones. This applies not only to organic reach, but also to the price of your ads on Google and Facebook

The exact terminologies for this behavior of a website are “responsive design” and “liquid design”. You should definitely combine these two, but more on that later.

What is liquid design? 

Liquid design means that texts, boxes, buttons and the like also increase and decrease in size when the browser window is enlarged or reduced. However, the structure of the web page should remain the same.

You can think of it like if a web page has 3 columns next to each other on the computer, it will also have 3 columns next to each other on the smartphone. Of course, these are then extremely squeezed together. The layout of the website in this case is meant for a computer and not for smartphones. To get a handle on this problem, you need to do a little more than use variable widths.

What is responsive design?

Unlike liquid design, responsive design changes the page structure and layout on different screen sizes. 

With the previous example, with responsive web design we would now have only one column on the smartphone, so that the content has enough space and does not crowd each other. 

Likewise, it is possible to omit decorative images from the mobile version of the website so that users don’t have to look at posts or pages that take forever. Now that everything is underneath each other, you have to pay attention to the length of the content. It is important here that no texts are removed on the smartphone, because Google only pays attention to the smartphone version of your website and you want your texts to be findable for Google and also in Google’s ranking.

Leave a Comment





exact to content marketing and content upgrades.jpg

Content marketing and content upgrades in detail

Content upgrades – active monetisationA widespread type of active monetisation is to provide so-called content upgrades for blog posts. These are usually in the form of audio books or videos on a certain topic. Monetisation with content upgradesBy the way, this works the same way in reverse. If you provide a podcast or video series …

Read More
which part plays your website in your business.jpg

What part does your website play in your business?

Why do I need a website in my business and what is its purpose? Basically, a website is an information medium, which at the same time makes the first impression of a company. So we can say that your website is the face of your company on the Internet. Website as an information medium Next

Read More
which online marketing kinds are there and why do you need a website for this.jpg

Online marketing not without a professional website

We already touched on content marketing in the last post. For this reason, we dedicate this post to the following…

Read More
which communication channels do you want to use.jpg

Email marketing & Co. – communication channels but which ones?

If you believe all these Internet gurus, you quickly realize that many are just chasing the latest trend, but often forget that end users and website users like to find their way and then keep it that way. Communication channels Especially when you ask yourself the question: How do I communicate with my customers?

Read More
active monetization part 2 2.jpg

Active Monetisation Part 2/2

Passive and active monetization (that’s what we call it at Webentertaier) differs in whether the website visitor effectively has to…

Read More
competitive advantage through professional technical website optimization.jpg

Technical website optimisation = competitive advantage

Technical optimization of your website (competitive advantage) As soon as the server, the CMS, the design, the texts and the…

Read More

Plans & pricing

Stay cool, we have a 48-hour money back guarantee!

Pro is including all from Free