{"id":20045,"date":"2022-02-18T11:38:28","date_gmt":"2022-02-17T22:38:28","guid":{"rendered":"https:\/\/geektactics.geektamin.com\/?p=20045"},"modified":"2024-06-14T09:49:30","modified_gmt":"2024-06-13T21:49:30","slug":"hamilton-builders-use-responsive-design","status":"publish","type":"post","link":"https:\/\/geektactics.co.nz\/blog\/hamilton-builders-use-responsive-design\/","title":{"rendered":"Why you should make your Web Design Responsive"},"content":{"rendered":"

Make your website Mobile-Friendly<\/h2>\n

“If you haven’t made your website mobile-friendly, you should.<\/b>\u00a0The majority of users coming to your site are likely to be using a mobile device” – Google<\/span><\/p>\n

\u201cResponsive design is Google\u2019s recommended design pattern\u201d<\/strong> – Google<\/p><\/blockquote>\n

Google have gone to great lengths in recent years to remind web developers that all websites should be responsive and mobile-friendly. In fact. Google have made it clear that they now evaluate the mobile version of any given website when they are indexing and ranking it.<\/span><\/p>\n

One of the primary factors in making your website mobile-friendly is to use responsive design. Hamilton builders Urban Homes<\/a> have ensured that their website looks similar and gives a great experience regardless of whether you view it on a PC or on a phone. They serve the same heading and image, but their website has adapted the layout so that it works on either device.<\/p>\n

\"Hamilton
Hamilton builders Urban Homes use responsive design on their website<\/em><\/figcaption><\/figure>\n

 <\/p>\n

What is Responsive Design?<\/h2>\n

Google describe responsive design as, “…using a flexible layout that adapts to different viewport orientations or sizes, so you don’t have to create multiple layouts.”\u00a0 In other words, the page dimensions as well as the elements on your page (such as images) adapt so that they can be loaded quickly and effectively on PCs as well as tablets and smart phones.<\/span><\/p>\n

Google emphasize that everything on your site should be the same regardless of the user’s device, and that the code should adapt the site to match the user’s device.\u00a0This includes the content, headings, URL’s, metadata, images, and videos.<\/p>\n

Why is this important?<\/h2>\n

Google wants to make sure that you give your users a great experience regardless of which device they are using.\u00a0They want to show them the best content and most helpful content related to their search query. Again, regardless of device.<\/p>\n

So if your website has great content but it doesn’t display well on a mobile device, Google will serve your competitors webpage instead – providing their website is brilliant on a phone.<\/p>\n

If users like your site and find it useful, they will stay on your pages longer. This reduce your bounce rate and increases your engagement score. Google will see that as a vote of confidence and reward your page with more visibility.<\/p>\n

How can you make your website more responsive?<\/h2>\n

Urban Homes took four steps to make their website responsive.<\/p>\n

They made it easy for users<\/h3>\n

Urban identified that people searching for a Hamilton home builders had the following objectives:<\/p>\n