Difference between revisions of Help:Make it mobile friendly

Line 12:

==Examples of use==

If we present the desktop version of the page to mobile users, the page is super broken. By wrapping the desktop version of the site in '''<nowiki><nomobile></nowiki>''' tags, and the mobile version of the site with '''<nowiki><mobileonly></nowiki>''', we completely change how the same page is presented to both users. ~~Since~~ the main page is ~~important, it~~'s ~~just as well~~ we do this - SEO is prioritised to websites with good mobile optimisation.

Using the main page as an example, if we present the desktop version of the page with box templates to mobile users, the page is super broken. By wrapping the desktop version of the site in '''<nowiki><nomobile></nowiki>''' tags, and the mobile version of the site with '''<nowiki><mobileonly></nowiki>''', we completely change how the same page is presented to both users. This is possible because the content and text of the main page is transcluded in from the source page [[EndMyopia Wiki/content]]. It's important we do this - SEO is prioritised to websites with good mobile optimisation.

'''You can use these tags in all articles'''. It's probably good practise to make sure that as many articles as possible can be read by mobile users, or at least the main ones. If any of the articles you have written have extremely fancy templating that would never work on mobile, wrap it up in '''<nowiki><nomobile></nowiki>''' tags, and present the content in an alternative mobile friendly way with '''<nowiki><mobileonly></nowiki>'''.

@@ Line 12: / Line 12: @@
 ==Examples of use==
-If we present the desktop version of the page to mobile users, the page is super broken. By wrapping the desktop version of the site in '''<nowiki><nomobile></nowiki>''' tags, and the mobile version of the site with '''<nowiki><mobileonly></nowiki>''', we completely change how the same page is presented to both users. Since the main page is important, it's just as well we do this - SEO is prioritised to websites with good mobile optimisation.
+Using the main page as an example, if we present the desktop version of the page with box templates to mobile users, the page is super broken. By wrapping the desktop version of the site in '''<nowiki><nomobile></nowiki>''' tags, and the mobile version of the site with '''<nowiki><mobileonly></nowiki>''', we completely change how the same page is presented to both users. This is possible because the content and text of the main page is transcluded in from the source page [[EndMyopia Wiki/content]]. It's important we do this - SEO is prioritised to websites with good mobile optimisation.
 '''You can use these tags in all articles'''. It's probably good practise to make sure that as many articles as possible can be read by mobile users, or at least the main ones. If any of the articles you have written have extremely fancy templating that would never work on mobile, wrap it up in '''<nowiki><nomobile></nowiki>''' tags, and present the content in an alternative mobile friendly way with '''<nowiki><mobileonly></nowiki>'''.