How to serve a Mobile & Full Site using one URL?
-
Hello,
Does anyone know of any resources or tutorials that outline how to serve a smartphone-formatted website using the same URL as the full site?
I know that one solution is using media-queries to serve a seperate CSS stylesheet, but you still have the full HTML source code. In other words, I might want to serve a smartphone & desktop user different content, but under one URL.
WP Touch (Wordpress Plugin) is a perfect example of what I mean, but how is it technically achieved? It serves two different sets of HTML for smartphone & full, but using one URL
-
No, I am also in the process of enquiring, I program in ASP.Net MVC, and the new MVC4 comes with a few starter templates (with Visual Studio 2010), this is where i got the info i suggested.
I can send you a starter template if you like, you can have a look though if you like. Actualy you will need VS2010 to run it, you can down load a trial but then you may as well download MVC4 as well.
-
Hi Alan,
Thanks very much, I agree - it likely would be easier to use media queries, but I am looking for that ultimate fix and insight on how others do it
-
Then of cause you would need to use a server side solution, this is quite simple in therory, all you need to do is get the severvariable HTTP_USER_AGENT to detect the browser, but then there would be a lot of different serveragenst to detect and more in the future. It would also be a pain having to generate html via server script for every page. I tried doing that for Netscape 2 and IE2 but gave up, it was too much work. Back in those days the way of doing things in browsers was completely different untill IE won out.
I think the eay i was saying is much easier, and there is no missing html, its all used on both versions just positioned different.
-
Hi Alan,
As mentioned. I'm not looking for a CSS solution, but rather a HTML one where different HTML is served if the user-agent is a smartphone.
CSS Media Queries can work in some situations, but not for all. For example, taking the following page - http://www.flybmi.com/bmi/en-gb/index.aspx - and using a mixture of CSS and display none; to output http://www.flybmi.com/mobile would result in a mobile site full of hidden/wasted code.
-
I have a few examples. i used the tag in the head section of the html.
Along with Media css see below. you slip this css into your normal css sheet, and give an alternitive css inside for phones,
if you look at one of my sites http://perthseocompany.com.au/ i have done like this you will notice that when the screen size goes below 850px it then takes on the alternative css. One of the main things you will want to do is make sections of your website line up verticly under the alternitive. You can do this by using float left and float right in normal site and float none in alternative css.
I do not have my site perfect because i have not yet had the time. but you get the general idea by playing with browser width.
Note the max-width: 850px in css, this is the width at witch the css changes@media only screen and (max-width: 850px)
{header .float-left, header .float-right
{
float: none;
}
} -
Hi Tommy,
This doesn't provide any technical answers unfortunately, and refers to mobile devices as opposed to smartphones. Googlebot-mobile is designed for WAP/iMode etc. style websites, Google on smartphones, tablets etc. displays the same results as the desktop version.
-
Hi Pete!
Take a look in Googles SEO guide on page 26, http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.com/en//webmasters/docs/search-engine-optimization-starter-guide.pdf
Good luck!
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
AMP vs Responsive Design? Mobile SEO
Hello !! We are developing a new website with responsive design. As is recommended, the idea would be to have a unique site for mobile and desktop, with same content and same url for both devices, using responsive design to adapt the layout depending on the device. My doubt in here is about the AMP pages? If my website has responsive design, perfectly optimized for mobile do I need somehow AMP pages? As far as I understand, these amp pages would be useful if I had different pages for mobile, but this is not the case. Am I correct or am I missing something? Thanks for your help :
Web Design | | AutoEurope1 -
Mobile Friendly Issue
2 days ago I saw my site listed with the 'mobile friendly' text in the Mobile searches. Today it has vanished. I have checked my site using the Google tool and it shows my site as Mobile Friendly. Has anyone had a similar experience?
Web Design | | dynamyt1000 -
Footer links on my site... bad for passing page rank?
i've been told that it is possible that google discounts the weight or page rank passed in footer links of websites and my website has the navigation to many of my pages in the footer of each page. My whole website is about 20 pages so each page has links to the 5 most popular pages at the top and the rest of the links are in the footer of each page. Am i losing page rank by having these links in the footer? Should i make my navigation different? I have lots of articles on my site so i thought it might be not only helpful to my readers but give my pages an seo boost if i placed in context links in the body of my articles to other pages of my site. Does this sound like a good idea? Thanks mozzers! Thanks mozzers!
Web Design | | Ron100 -
Can you use a base element and mod_rewrite to alleviate the need for absolute URLs?
This is a follow up question to Scott Parsons' question about using absolute versus relative URLs when linking internally. Andy King makes the statement that this can be done and that it saves additional space (which he claims then can improve page speed). Is this a true and accurate statement? Can using a base element and mod-rewrite alleviate the need for absolute URLs? I need to know before going off on a "change all of our relative URLs to absolutes" campaign. Thanks in advance! Dana
Web Design | | danatanseo0 -
Visits to Site and Serps?
Do google and bing factor in how many people visit your site per month to determine your serps rankings? If so, does it matter if they visit your site by searching a keyword phrase or by typing in the name in the search bar? My instinct tells me that if the search engine sees 1000 hits per month for a site by keyword phrase and that is high for the industry then they might rank that site higher in the serps. I was wondering if the same would be true if the site is designed and coded properly for a keyword phrase but receives the same 1000 hits per month from visitors typing in the sites name in the search field rather than the search phrase, would that then translate to higher rankings for the keyword phrase? Thanks for your help.
Web Design | | bronxpad0 -
Looking for feedback on our nonprofit site
I work for a nonprofit org which of course means a low budget and paying out of pocket for things (such as training). Our current website is done by a 3rd party vendor and although it looks nice, we can't make any changes to it without paying for it. (We can only upload documents). I'm wondering if anyone in this group will give their feedback on the site in terms of SEO and recommend a platform that would be relatively easy for a small shop to manage. Our site is www.coastalcommunityfoundation.org Thanks in advance
Web Design | | TinaA0 -
What value could you expect from the use of schema.org metadata?
Google , Yahoo and Bing have now teamed up to develop unified Meta data standards for all types of content. I personally see this as the next step to larger world-wide knowledge availability. Why is this a big deal?
Web Design | | andrewwolf
If everything comes together, and every page had perfect markup, the answers to users questions could be answered and validated against the information found on every website that had that answer. Example: Who is the author of "The catcher in the Rye" 11345 Websites Result : J. D. Salinger
301: Websites Resulted : Jake Salinger Best Result: J.D. Salinger -> Contact J.D Salinger -> Bio etc. Information would become the link , user's navigation intent becoming the Anchors. Here is the URL of the different types of metadata schema's found on google's new schema.org http://schema.org/docs/schemas.html Creative works: CreativeWork, Book, Movie, MusicRecording, Recipe, TVSeries ... Embedded non-text objects: AudioObject, ImageObject, VideoObject Event Organization Person Place, LocalBusiness, Restaurant ... Product, Offer, AggregateOffer Review, AggregateRating What are the benefits of the different categories of metadata being used? Can anyone site specific case studies done on the enhanced SERP results shown as a result of this metadata?0 -
Long URLs due to foreign characters
I have a site which provides forum sections for various languages. When foreign characters are used in the post title, each letter is replace by a three character replacement such as %93. This conversion makes the URLs long. The site's software automatically uses the thread's title in the URL. It is never a problem except in these instances. Any suggestions on how to handle this issue?
Web Design | | RyanKent0