What can be done to prevent the mobile version of a website from appearing in Google search results

Our website has distinct versions for both mobile and desktop, rather than being entirely responsive. This means that when the site is accessed on a desktop browser, it displays as the desktop version and likewise for mobile.

The issue we are facing is that when searching for our site on Google using a desktop, the results display the mobile version instead. Unfortunately, this causes the mobile layout to appear distorted and not optimized for desktop viewing.

We would greatly appreciate if you could explain why this is occurring and provide guidance on how to resolve this matter.

Thank you

htmlcssmobiledesktop

Answer №1

One way to prevent search engines from accessing specific pages on your mobile site is by placing a robot.txt file in the root directory. Simply include the line "Disallow: /[your's mobile page link].htm" within the text of the file.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Vertically align the text within an `<li>` element that has an unspecified height

Struggling with creating responsive proportional rectangles for my gallery. It was working fine until I tried to center the text vertically, but couldn't figure out how to do it while maintaining proportional resizing. Any help or advice would be grea ...

htmlcsscenteringimage-gallery

I've come across a challenge in my React PDF project where I am struggling to display the bottom and right margins, as well as the borders, in my reactPDF

I am currently working on creating a PDF using the @react-pdf/renderer library within my React project. Everything seems to be functioning correctly except for an issue with the right and bottom margins not appearing in the PDF. Strangely, the top and left ...

cssreactjsbordermarginreact-pdf

"Troubleshooting a Placement Concern within the ExpressionEngine Content Management System

I am facing a positioning problem with my ExpressionEngine. If you click here, you will see that I am looping elements within the <div id="services-container">. The loop works fine on the first row, but misaligns on the second row. I have tried using ...

javascripthtmlcsscontent-management-systemexpressionengine

To create a distinctive design, the HTML5 wrapper will specifically enclose the Header element

After using a border, I discovered that my wrapper is only wrapping the header and not extending down to the footer. Can anyone offer some guidance on how to wrap the entire content from the header to the footer? I've come across suggestions to speci ...

htmlcsswrapper

Revolutionary Pageslide Feature in JQuery Mobile: Introducing the Cutting-Edge

Let me share my story: I am looking to incorporate a new facebook-style menu on the left side of my webapp screen. Although I find it really nice, my lack of expertise in css and css3 is proving to be a challenge. After searching for a few hours, I stumb ...

javascriptjqueryhtmlcssjquery-mobile

Using SQL to Insert Values into Select/Option

I am attempting to create a select form element with predetermined options. <select name="select1"> <option value="value1">Value 1</option> <option value="value2">Value 2</option> <option value="value3">Value 3 ...

phphtmlmysqlsqlforms

Jade not displaying HTML content

I am currently in the process of developing a website using node.js, express, angular.js, and jade. As I experiment with html tags in my blog posts, I have encountered an issue where the tags do not seem to be functioning properly. My primary focus at the ...

htmlangularjsnode.jsexpresspug

Using JQuery to toggle a fixed div at the bottom causes all other divs to shift upwards

I'm currently working on a chat feature using node JS, and while the functionality is perfect, I've run into an issue with the CSS aspect of it. The problem arises when we have multiple tabs and clicking on just one causes all the tabs to move u ...

phpjqueryhtmlcssnode.js

When the value in a required input field is empty, the border is activated and the color is styled

Can you please explain this to me? Try running this code in Firefox: http://jsfiddle.net/eMa8y/24/ Here is the HTML: <html> <head> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> </head> ...

htmlcssinputborderrequired

Sending HTML content to viewChild in Angular 5

I'm struggling to figure out how to pass HTML to a ViewChild in order for it to be added to its own component's HTML. I've been searching for a solution with no luck so far. As a newcomer to Angular, many of the explanations I find online ar ...

javascripthtmlangularbootstrap-4bootstrap-modal

Issue encountered: Jquery onchange event not activating

I am facing a dilemma with a Struts2 form containing a select tag, where changing the selection should trigger an event. I'm puzzled as to why the onchange function is not being triggered in this scenario, especially when it works in another example. ...

javascriptjqueryhtmlstruts2jquery-selectors

Having trouble with conditional statements in tpl file on Prestashop (PHP, Smarty)?

I'm having trouble implementing the following: Showing a conditional voucher on the order confirmation page. The voucher depends on two specific conditions: the weight of the order and whether the user has an account Currently, I am working on the f ...

phphtmlprestashopsmarty

When the datepicker is clicked, ensure that the input remains active

I'm facing an issue where the label in a Bootstrap datepicker goes back to the bottom after clicking on the input and selecting a date. However, it stays up after the second click. I am unsure how to fix this problem, so any help or suggestions would ...

javascriptjqueryhtmlcss

Unable to properly vertically center multiple divs within a parent div and align their elements vertically within them

I'm diving into the world of HTML/CSS and grappling with various concepts. My goal is to vertically align 2 divs within a larger div, as well as center the contents within those divs. HTML: <html> <head> <link rel="stylesheet" typ ...

htmlcssdivider

Creating visually pleasing HTML emails with uniform table data heights

Struggling with Outlook while designing an HTML template. My row has 2 td elements with different content, and setting equal heights is proving to be a challenge. The fixed height on the td causes issues when switching to mobile view in Outlook as text wra ...

htmlcsshtml-email

Heroku App Breaks Down - Fails to Render Static HTML Content (Express Server)

Despite my best efforts, I keep encountering this persistent error on Heroku whenever I attempt to serve a static HTML page with some basic JS, images, and CSS. I diligently followed all the advice from SO, made adjustments to index.js, restructured files, ...

htmlnode.jsexpressheroku

Troubleshooting my CSS navigation bar - What am I missing?

I've been developing a navigation bar using a combination of HTML, CSS, and JavaScript. After writing the code and setting the display of the bar to fixed, I encountered an issue where the content of the page was overlapping the nav bar. Below you&ap ...

javascripthtmlcssnavigationbar

Ways to verify a parent element when all of its child checkboxes have been selected

I have a unique HTML structure compared to other questions on SO. My goal is to have the parent checkbox automatically checked when all the children checkboxes are checked. I've created a JSFiddle with my lengthy HTML code. Can someone help me identif ...

javascriptjqueryhtmlcheckbox

AngularJS directive element not displaying CSS styles properly

I've been grappling with this issue for the past few days and I just can't seem to crack it. Whenever I try adding a class to an AngularJS element directive, the styling appears in the code view of my browser (Chrome), but the styles themselves ...

javascripthtmlangularjsangularjs-directivesass

Load the React chunk CSS dynamically to optimize performance and only when it is necessary

After running an audit, Lighthouse is advising me to "Defer unused CSS" for my React app. Despite implementing code splitting and having separate CSS files for each chunk, the suggestion persists. One particular example highlighted by Lighthouse is the foo ...

cssreactjsoptimizationlazy-loadingcreate-react-app