{"id":402,"date":"2015-10-15T15:41:16","date_gmt":"2015-10-15T15:41:16","guid":{"rendered":"http:\/\/www.digitalsuccessagency.com\/blog\/?p=402"},"modified":"2022-09-14T08:16:06","modified_gmt":"2022-09-14T08:16:06","slug":"building-content-continuity-desktop-mobile-websites","status":"publish","type":"post","link":"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html","title":{"rendered":"Building Content Continuity Between Your Desktop and Mobile Websites"},"content":{"rendered":"

The astonishingly rapid pace of the internet\u2019s evolution has bred many recent changes in the way we interact with online websites, one of which is how we view mobile content vs desktop content.<\/p>\n

89% of mobile owners use their phones to open a browser and use the internet<\/em><\/a><\/h2>\n

Because of this, companies must consider the question, \u201cShould mobile content be different from desktop content?\u201d<\/p>\n

And to this, the short answer is no, and here\u2019s why.<\/p>\n

Difference between mobile content and desktop content<\/a><\/strong><\/p>\n

If you\u2019re any bit proud of your current website, you probably want visitors on mobile have a similar experience to those that drop by your desktop site, right? Then this is good news for you, because mobile content should be the exact stuff as what you already have on your desktop, with a few display tweaks. As long as you have written your on-site content with the visitor in mind, all you need to keep in mind with your mobile site are a few design pointers.<\/p>\n

Here is a classic example of how to structure your content for mobile viewing that Wikipedia<\/a> makes perfect use of:<\/p>\n

\"Mobile<\/a><\/div>\n

Here, Wikipedia has utilized a mobile website design tool that automatically sorts all page content into a tabbed form so that the viewer can look at exactly what they want<\/em> first rather than spending hours scrolling down a page 10,000 words.<\/p>\n

Although desktop scrolling is incredibly easy, this kind of mobile design that uses tabbed content is actually in some ways better than the traditional desktop version of things in that your eyes don\u2019t need to search out twenty different things to find what you want as it is arranged into a clear list to conserve maximum viewing time.<\/p>\n

But what you\u2019re probably thinking is \u201cwell my content isn\u2019t arranged or planned out like Wikipedia so this can\u2019t apply to me\u201d and you\u2019re half right in thinking this.<\/p>\n

Breaking up content can still be done on all kinds of web pages, as long as there are some kind of headers to break up thoughts. Doing this will allow the viewer to access what they want first like a mobile user pressing on a tab that contains content pertaining to \u201ckey benefits\u201d rather than having to wade through a lengthy product description that is listed above that they don\u2019t care about.<\/p>\n

The balance of mobile SEO design vs visitor enjoyment<\/h2>\n

It is true that writing lengthy product descriptions or informative website information can boost SEO value as it is shown that longer pieces do tend to get indexed on Google higher.<\/p>\n

It is usually a good idea to have a paragraph or two before you begin showing the mobile content that is tabbed for viewing beneath, however many would recommend that more than a paragraph or two should be shown.<\/p>\n

\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\"\"\n\t\t\t\t\t<\/div>\n\t\t\t\t\t
\n\t\t\t\t\t\t

Generate More Leads, & Spread Brand Awareness Through Tested Paid Marketing Campaigns!<\/h2>\n

With specialization in Google Ads, Facebook Ads, Bing Ads, Amazon, LinkedIn and more, we have got you covered from Keywords Selection to Conversion Tracking & Reporting.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\tGet Started Now!<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n

This is because content that is hidden in a tab is devalued by search engines like Google<\/strong>. But you know you for sure don\u2019t want to have a text overload on your pages otherwise your bounce rate will skyrocket, so you need to find that beautiful middle ground of what is important enough to show above the tabbed content.<\/p>\n

This is where mobile design consultation<\/a> can be a useful tool if you\u2019re not sure how to choose where to show what elements of your website.<\/p>\n

As mentioned previously, creating tabs on different product or service information is a standard practice in mobile design and can be used to hold topics like the features and benefits, along with images.<\/p>\n

Along with this school of thought that dictates the \u201cbalance of SEO and user experience\u201d we need to remember that this is what we should be doing for both<\/strong> desktops and mobile devices. When it comes to mobile website design, displaying content efficiently is a high priority for companies for a reason.<\/p>\n

Finding some help with your website\u2019s mobile design doesn\u2019t have to be a hassle.<\/p>\n

Tell us what your problem is and we can solve it together.<\/strong><\/a><\/p>\n

Image credit: https:\/\/pixabay.com\/en\/office-freelancer-computer-business-612532\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

The astonishingly rapid pace of the internet\u2019s evolution has bred many recent changes in the way we interact with online websites, one of which is how we view mobile content vs desktop content. 89% of mobile owners use their phones to open a browser and use the internet Because of this, companies must consider the […]<\/p>\n","protected":false},"author":2,"featured_media":966,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[764],"tags":[754,756,763,755,762,761,759,760,758,757],"class_list":["post-402","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","tag-desktop-and-mobile-websites","tag-desktop-content","tag-desktops-and-mobile-devices","tag-mobile-content","tag-mobile-design-consultation","tag-mobile-seo-design","tag-mobile-site","tag-mobile-website-design-tool","tag-on-site-content","tag-online-websites"],"acf":[],"yoast_head":"\nBuilding Content Continuity Between Your Desktop and Mobile Websites - Digital Success Blog<\/title>\n<meta name=\"description\" content=\"If you\u2019re any bit proud of your current website, you probably want visitors on mobile have a similar experience to those that drop by your desktop site, right? Then this is good news for you, because mobile content should be the exact stuff as what you already have on your desktop, with a few display tweaks.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Building Content Continuity Between Your Desktop and Mobile Websites - Digital Success Blog\" \/>\n<meta property=\"og:description\" content=\"If you\u2019re any bit proud of your current website, you probably want visitors on mobile have a similar experience to those that drop by your desktop site, right? Then this is good news for you, because mobile content should be the exact stuff as what you already have on your desktop, with a few display tweaks.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html\" \/>\n<meta property=\"og:site_name\" content=\"Digital Success Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-10-15T15:41:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-14T08:16:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/www.digitalsuccess.us\/blog\/wp-content\/uploads\/2015\/10\/48banner-responsive.jpg?fit=1900%2C495&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"1900\" \/>\n\t<meta property=\"og:image:height\" content=\"495\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Aron Allen\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aron Allen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html\",\"url\":\"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html\",\"name\":\"Building Content Continuity Between Your Desktop and Mobile Websites - Digital Success Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.digitalsuccess.us\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html#primaryimage\"},\"thumbnailUrl\":\"https:\/\/i0.wp.com\/www.digitalsuccess.us\/blog\/wp-content\/uploads\/2015\/10\/48banner-responsive.jpg?fit=1900%2C495&ssl=1\",\"datePublished\":\"2015-10-15T15:41:16+00:00\",\"dateModified\":\"2022-09-14T08:16:06+00:00\",\"author\":{\"@id\":\"https:\/\/www.digitalsuccess.us\/blog\/#\/schema\/person\/f2eea77c092b3416fb2a4ba795b33e47\"},\"description\":\"If you\u2019re any bit proud of your current website, you probably want visitors on mobile have a similar experience to those that drop by your desktop site, right? Then this is good news for you, because mobile content should be the exact stuff as what you already have on your desktop, with a few display tweaks.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html#primaryimage\",\"url\":\"https:\/\/i0.wp.com\/www.digitalsuccess.us\/blog\/wp-content\/uploads\/2015\/10\/48banner-responsive.jpg?fit=1900%2C495&ssl=1\",\"contentUrl\":\"https:\/\/i0.wp.com\/www.digitalsuccess.us\/blog\/wp-content\/uploads\/2015\/10\/48banner-responsive.jpg?fit=1900%2C495&ssl=1\",\"width\":1900,\"height\":495},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.digitalsuccess.us\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Building Content Continuity Between Your Desktop and Mobile Websites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.digitalsuccess.us\/blog\/#website\",\"url\":\"https:\/\/www.digitalsuccess.us\/blog\/\",\"name\":\"Digital Success Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.digitalsuccess.us\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.digitalsuccess.us\/blog\/#\/schema\/person\/f2eea77c092b3416fb2a4ba795b33e47\",\"name\":\"Aron Allen\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.digitalsuccess.us\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8d9cf3abc30b14e04d6a8b553d2a86808a8801196e3297cf99d7852d68a0e64b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8d9cf3abc30b14e04d6a8b553d2a86808a8801196e3297cf99d7852d68a0e64b?s=96&d=mm&r=g\",\"caption\":\"Aron Allen\"},\"description\":\"Aron\u2019s passion is to help others understand how to effectively leverage SEO, PPC, and social media to their advantage. When he isn\u2019t meeting with clients to create new ways to solve digital challenges, he\u2019s probably writing about it. Aron\u2019s love of the internet and the English language combine to form a powerful tool for Digital Success Agency to communicate through. You can find him on LinkedIn regularly here.\",\"sameAs\":[\"http:\/\/www.digitalsuccessagency.com\/\",\"https:\/\/www.linkedin.com\/in\/aronmallen\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Building Content Continuity Between Your Desktop and Mobile Websites - Digital Success Blog","description":"If you\u2019re any bit proud of your current website, you probably want visitors on mobile have a similar experience to those that drop by your desktop site, right? Then this is good news for you, because mobile content should be the exact stuff as what you already have on your desktop, with a few display tweaks.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html","og_locale":"en_US","og_type":"article","og_title":"Building Content Continuity Between Your Desktop and Mobile Websites - Digital Success Blog","og_description":"If you\u2019re any bit proud of your current website, you probably want visitors on mobile have a similar experience to those that drop by your desktop site, right? Then this is good news for you, because mobile content should be the exact stuff as what you already have on your desktop, with a few display tweaks.","og_url":"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html","og_site_name":"Digital Success Blog","article_published_time":"2015-10-15T15:41:16+00:00","article_modified_time":"2022-09-14T08:16:06+00:00","og_image":[{"width":1900,"height":495,"url":"https:\/\/i0.wp.com\/www.digitalsuccess.us\/blog\/wp-content\/uploads\/2015\/10\/48banner-responsive.jpg?fit=1900%2C495&ssl=1","type":"image\/jpeg"}],"author":"Aron Allen","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Aron Allen","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html","url":"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html","name":"Building Content Continuity Between Your Desktop and Mobile Websites - Digital Success Blog","isPartOf":{"@id":"https:\/\/www.digitalsuccess.us\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html#primaryimage"},"image":{"@id":"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.digitalsuccess.us\/blog\/wp-content\/uploads\/2015\/10\/48banner-responsive.jpg?fit=1900%2C495&ssl=1","datePublished":"2015-10-15T15:41:16+00:00","dateModified":"2022-09-14T08:16:06+00:00","author":{"@id":"https:\/\/www.digitalsuccess.us\/blog\/#\/schema\/person\/f2eea77c092b3416fb2a4ba795b33e47"},"description":"If you\u2019re any bit proud of your current website, you probably want visitors on mobile have a similar experience to those that drop by your desktop site, right? Then this is good news for you, because mobile content should be the exact stuff as what you already have on your desktop, with a few display tweaks.","breadcrumb":{"@id":"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html#primaryimage","url":"https:\/\/i0.wp.com\/www.digitalsuccess.us\/blog\/wp-content\/uploads\/2015\/10\/48banner-responsive.jpg?fit=1900%2C495&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.digitalsuccess.us\/blog\/wp-content\/uploads\/2015\/10\/48banner-responsive.jpg?fit=1900%2C495&ssl=1","width":1900,"height":495},{"@type":"BreadcrumbList","@id":"https:\/\/www.digitalsuccess.us\/blog\/building-content-continuity-desktop-mobile-websites.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.digitalsuccess.us\/blog"},{"@type":"ListItem","position":2,"name":"Building Content Continuity Between Your Desktop and Mobile Websites"}]},{"@type":"WebSite","@id":"https:\/\/www.digitalsuccess.us\/blog\/#website","url":"https:\/\/www.digitalsuccess.us\/blog\/","name":"Digital Success Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.digitalsuccess.us\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.digitalsuccess.us\/blog\/#\/schema\/person\/f2eea77c092b3416fb2a4ba795b33e47","name":"Aron Allen","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.digitalsuccess.us\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8d9cf3abc30b14e04d6a8b553d2a86808a8801196e3297cf99d7852d68a0e64b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8d9cf3abc30b14e04d6a8b553d2a86808a8801196e3297cf99d7852d68a0e64b?s=96&d=mm&r=g","caption":"Aron Allen"},"description":"Aron\u2019s passion is to help others understand how to effectively leverage SEO, PPC, and social media to their advantage. When he isn\u2019t meeting with clients to create new ways to solve digital challenges, he\u2019s probably writing about it. Aron\u2019s love of the internet and the English language combine to form a powerful tool for Digital Success Agency to communicate through. You can find him on LinkedIn regularly here.","sameAs":["http:\/\/www.digitalsuccessagency.com\/","https:\/\/www.linkedin.com\/in\/aronmallen"]}]}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.digitalsuccess.us\/blog\/wp-content\/uploads\/2015\/10\/48banner-responsive.jpg?fit=1900%2C495&ssl=1","jetpack_sharing_enabled":true,"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.digitalsuccess.us\/blog\/wp-json\/wp\/v2\/posts\/402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.digitalsuccess.us\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.digitalsuccess.us\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.digitalsuccess.us\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.digitalsuccess.us\/blog\/wp-json\/wp\/v2\/comments?post=402"}],"version-history":[{"count":9,"href":"https:\/\/www.digitalsuccess.us\/blog\/wp-json\/wp\/v2\/posts\/402\/revisions"}],"predecessor-version":[{"id":6453,"href":"https:\/\/www.digitalsuccess.us\/blog\/wp-json\/wp\/v2\/posts\/402\/revisions\/6453"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.digitalsuccess.us\/blog\/wp-json\/wp\/v2\/media\/966"}],"wp:attachment":[{"href":"https:\/\/www.digitalsuccess.us\/blog\/wp-json\/wp\/v2\/media?parent=402"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.digitalsuccess.us\/blog\/wp-json\/wp\/v2\/categories?post=402"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.digitalsuccess.us\/blog\/wp-json\/wp\/v2\/tags?post=402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}