{"id":8606,"date":"2015-12-21T15:16:40","date_gmt":"2015-12-21T15:16:40","guid":{"rendered":"https:\/\/www.sanctuarymg.com\/academy\/?p=8606"},"modified":"2023-01-10T16:29:20","modified_gmt":"2023-01-10T21:29:20","slug":"mobile-first-what-you-need-to-know","status":"publish","type":"post","link":"https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/","title":{"rendered":"Mobile First &#8211; What you need to know"},"content":{"rendered":"<p>We\u2019ve heard a lot lately about <a href=\"https:\/\/www.sanctuarymg.com\/websites\/\">mobile websites<\/a>, <a href=\"https:\/\/www.sanctuarymg.com\/web-design\/\">responsive websites<\/a>, mobile marketing and having a \u2018mobile first\u2019 approach to your <a href=\"https:\/\/www.sanctuarymg.com\/web-design\/\" target=\"_blank\" rel=\"noopener\">web design<\/a> and <a href=\"https:\/\/www.sanctuarymg.com\/digital-marketing\/\" target=\"_blank\" rel=\"noopener\">digital marketing<\/a>. Everyone at this point agrees that having a mobile website is important. But what does this phrase really mean?<\/p>\n<h2>What \u2018Mobile First\u2019 is not<\/h2>\n<h2><img decoding=\"async\" class=\"alignright wp-image-8608 size-medium\" src=\"https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/mobile-first5-1-300x205.jpg\" alt=\"Mobile First Design \" width=\"300\" height=\"205\" srcset=\"https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/mobile-first5-1-300x205.jpg 300w, https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/mobile-first5-1-350x239.jpg 350w, https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/mobile-first5-1.jpg 600w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/h2>\n<p>Many believe that \u2018mobile first\u2019 means that you simply need to get yourself a website that\u2019s optimized for mobile devices. Just \u2018optimize it\u2019, you know?<\/p>\n<p>I think there\u2019s still a large amount of people who think they need to develop a standard website and a second mobile version. This thought alone stops them in their tracks.<\/p>\n<p>To some it means that you think about mobile being your main focus. Many people are developing websites that work good on mobile phones, but aren\u2019t so effective on desktop computers. Mobile first does not mean disregarding desktop users.<\/p>\n<p>I\u2019ve even seen extreme cases where people have developed a site that completely disregards the desktop presentation in favor of a tiny interface that mimics a phone. In the example I saw, the developer completely hid important desktop interactions such as scrolling because they\u2019re assuming that most users are able to move down the page using their finger!<\/p>\n<p>Preparing your website presence for mobile visitors is important because the growth of users accessing information and not being tethered to a desk will be growing for a long time. But \u2018mobile first\u2019 does not mean developing a separate mobile website, focusing only on specific users and treating desktop visitors like they\u2019re going the way of the dinosaur.<\/p>\n<p>Mobile growth is huge, but we\u2019re not even close to a point where we have the luxury of focusing solely on mobile visitors to our websites. Yes, we will still be using a mouse and sitting at a desk for many years to come in one form or another.<\/p>\n<p><img decoding=\"async\" class=\"size-full wp-image-8609 alignleft\" src=\"https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/mobile-first-1.jpg\" alt=\"What is mobile first? \" width=\"350\" height=\"235\" srcset=\"https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/mobile-first-1.jpg 350w, https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/mobile-first-1-300x201.jpg 300w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/p>\n<h2><b>What does \u2018Mobile First\u2019 mean?<\/b><\/h2>\n<p>Mobile first simply means that you start developing your website user experience from the mobile visitor\u2019s perspective and work your way back to the desktop &#8212; and even the TV. In the near future, experiences such as virtual reality may even require us to develop experiences that are larger than life.<\/p>\n<p><span style=\"font-weight: 400;\">\u2018Mobile First\u2019 is a \u2018Responsive\u2019 approach to design which means that you start thinking about mobile users first, but you develop ONE effective<a href=\"https:\/\/www.sanctuarymg.com\/websites\/\"> RESPONSIVE website<\/a> that\u2019s laid out to deliver an effective experience for all users.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In his book titled \u2018Mobile First\u2019, Luke Wroblewski states:\u00a0<\/span><span style=\"font-weight: 400;\">\u201cMobile design is the process of gradually applying constraints until an elegant solution remains.\u201d<\/span><\/p>\n<p>This is where you <strong>start<\/strong>.<\/p>\n<p>This simply means that you begin with a focused, minimalist approach. What a user experiences on their phone is exactly what they need for that device and then as you move to tablet, laptop, desktop and beyond. You \u2018enhance\u2019 the experience in ways that benefit the user based on their screen size and their place in the world.<\/p>\n<p>All visitors to your website are important. Not just the people on a mobile phone.<\/p>\n<h2>Why a \u2018Mobile First\u2019 Responsive approach to website design?<\/h2>\n<h3>Efficiency:<\/h3>\n<figure id=\"attachment_8611\" aria-describedby=\"caption-attachment-8611\" style=\"width: 300px\" class=\"wp-caption alignright\"><a href=\"https:\/\/summitacademies.org\/\"><img decoding=\"async\" class=\"wp-image-8611 size-medium\" src=\"https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/Summit-Academy-Desktop-1-300x156.jpg\" alt=\"Summit Academy Desktop\" width=\"300\" height=\"156\" srcset=\"https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/Summit-Academy-Desktop-1-300x156.jpg 300w, https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/Summit-Academy-Desktop-1-1024x531.jpg 1024w, https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/Summit-Academy-Desktop-1-768x398.jpg 768w, https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/Summit-Academy-Desktop-1-350x182.jpg 350w, https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/Summit-Academy-Desktop-1.jpg 1396w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-8611\" class=\"wp-caption-text\">Summit Academy Desktop<\/figcaption><\/figure>\n<p>First off, we don\u2019t want to build and maintain more than one website. Can we agree on this? Ok.<\/p>\n<h3>Removing Limitations:<\/h3>\n<p>Designing for mobile doesn\u2019t have to be limiting. It can also help you think through ways to enhance your user\u2019s experience and encourage mobile use. You can incorporate location detection, capture and input from a camera and connections through Bluetooth Proximity detection (device closeness to physical objects) just to name a few.<\/p>\n<h3>Responsiveness:<\/h3>\n<figure id=\"attachment_8610\" aria-describedby=\"caption-attachment-8610\" style=\"width: 147px\" class=\"wp-caption alignright\"><a href=\"https:\/\/summitacademies.org\/\"><img decoding=\"async\" class=\"wp-image-8610 size-medium\" src=\"https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/Summit-Academy-Mobile-1-147x300.jpg\" alt=\"Summit Academy Mobile\" width=\"147\" height=\"300\" srcset=\"https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/Summit-Academy-Mobile-1-147x300.jpg 147w, https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/Summit-Academy-Mobile-1-171x350.jpg 171w, https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/Summit-Academy-Mobile-1.jpg 399w\" sizes=\"(max-width: 147px) 100vw, 147px\" \/><\/a><figcaption id=\"caption-attachment-8610\" class=\"wp-caption-text\">Summit Academy Mobile<\/figcaption><\/figure>\n<p>Starting with mobile helps you to design something that will work well anywhere, not just on mobile devices. Responsive website design is the the future. Not separate mobile website solutions.<\/p>\n<h3>Speed:<\/h3>\n<p>Thinking about mobile users first also forces you to make decisions early that will affect important things like the speed of the website.<\/p>\n<h3>Focus:<\/h3>\n<p>In \u2018mobile first\u2019 UX design, we\u2019re forced to focus on the most essential elements of the presentation that fulfill our main goals.There simply isn\u2019t room for everything. A \u2018mobile first\u2019 approach forces us to articulate our goals and cut everything else. It\u2019s so much easier to just throw everything on the site and hope the user stumbles through the clutter. An ideal \u2018Mobile First\u2019 approach forces us to strip our site down to the essentials and then \u2018enhance\u2019 the experience later if needed.<\/p>\n<h3>Simplicity:<\/h3>\n<p>Lastly, many people these days have an attention span of a 12 year old child. They\u2019re busy, they\u2019re distracted, they\u2019re basically one eyeball and a thumb on a mobile device and barely more than that in the office and at home. Starting the design process knowing that this is your target audience will help you to simplify, simplify, simplify right out of the gate and apply that simplicity to all user experiences on any screen.<\/p>\n<h2>How Sanctuary Can Help With Developing\u00a0a Mobile First Approach<\/h2>\n<p>Developing a mobile first approach requires a particular finesse and understanding of online technology and best practices. If you are looking for help with planning and implementing a mobile\u00a0strategy, <a href=\"https:\/\/www.sanctuarymg.com\/contact-us\/\">contact Sanctuary<\/a>. We are located in the Historic Hoover District in North Canton, Ohio and serve the greater Akron \/ Canton area.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019ve heard a lot lately about mobile websites, responsive websites, mobile marketing and having a \u2018mobile first\u2019 approach to your web design and digital marketing. Everyone at this point agrees that having a mobile website is important. But what does this phrase really mean? What \u2018Mobile First\u2019 is not Many believe that \u2018mobile first\u2019 means [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":8609,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[106],"tags":[238,239,240,241],"type-category":[288],"class_list":["post-8606","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-websites","tag-mobile-design","tag-mobile-first","tag-mobile-websites","tag-responsive-websites","type-category-articles"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mobile First - What You Need To Know<\/title>\n<meta name=\"description\" content=\"Mobile First. Learn about mobile websites, responsive websites, mobile marketing &amp; having a \u2018mobile first\u2019 approach to your website &amp; digital marketing.\" \/>\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.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Why a \u2018Mobile First\u2019 Responsive approach to website design?\" \/>\n<meta property=\"og:description\" content=\"We\u2019ve heard a lot lately about mobile websites, responsive websites, mobile marketing and having a \u2018mobile first\u2019 approach to your website and digital marketing. Everyone at this point agrees that having a mobile website is important. But what does this phrase really mean?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/\" \/>\n<meta property=\"og:site_name\" content=\"The Academy\" \/>\n<meta property=\"article:published_time\" content=\"2015-12-21T15:16:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-10T21:29:20+00:00\" \/>\n<meta name=\"author\" content=\"Chris Auman\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Why a \u2018Mobile First\u2019 Responsive approach to website design?\" \/>\n<meta name=\"twitter:description\" content=\"We\u2019ve heard a lot lately about mobile websites, responsive websites, mobile marketing and having a \u2018mobile first\u2019 approach to your website and digital marketing. Everyone at this point agrees that having a mobile website is important. But what does this phrase really mean?\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/mobile-first-1.jpg\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/websites\\\/mobile-first-what-you-need-to-know\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/websites\\\/mobile-first-what-you-need-to-know\\\/\"},\"author\":{\"name\":\"Chris Auman\",\"@id\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/#\\\/schema\\\/person\\\/6084f9ffc9fcbabcc50301f2e497e182\"},\"headline\":\"Mobile First &#8211; What you need to know\",\"datePublished\":\"2015-12-21T15:16:40+00:00\",\"dateModified\":\"2023-01-10T21:29:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/websites\\\/mobile-first-what-you-need-to-know\\\/\"},\"wordCount\":908,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/websites\\\/mobile-first-what-you-need-to-know\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/mobile-first-1.jpg\",\"keywords\":[\"Mobile Design\",\"Mobile first\",\"Mobile websites\",\"Responsive Websites\"],\"articleSection\":[\"Websites\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/websites\\\/mobile-first-what-you-need-to-know\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/websites\\\/mobile-first-what-you-need-to-know\\\/\",\"url\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/websites\\\/mobile-first-what-you-need-to-know\\\/\",\"name\":\"Mobile First - What You Need To Know\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/websites\\\/mobile-first-what-you-need-to-know\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/websites\\\/mobile-first-what-you-need-to-know\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/mobile-first-1.jpg\",\"datePublished\":\"2015-12-21T15:16:40+00:00\",\"dateModified\":\"2023-01-10T21:29:20+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/#\\\/schema\\\/person\\\/6084f9ffc9fcbabcc50301f2e497e182\"},\"description\":\"Mobile First. Learn about mobile websites, responsive websites, mobile marketing & having a \u2018mobile first\u2019 approach to your website & digital marketing.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/websites\\\/mobile-first-what-you-need-to-know\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/websites\\\/mobile-first-what-you-need-to-know\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/websites\\\/mobile-first-what-you-need-to-know\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/mobile-first-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/mobile-first-1.jpg\",\"width\":350,\"height\":235,\"caption\":\"What is mobile first?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/websites\\\/mobile-first-what-you-need-to-know\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"The Academy\",\"item\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/types\\\/articles\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Mobile First &#8211; What you need to know\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/#website\",\"url\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/\",\"name\":\"The Academy\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/#\\\/schema\\\/person\\\/6084f9ffc9fcbabcc50301f2e497e182\",\"name\":\"Chris Auman\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e91d7d4f0878e073f89a8386e0a15c0ff3e55aa4d149664e1c718ca79cad5776?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e91d7d4f0878e073f89a8386e0a15c0ff3e55aa4d149664e1c718ca79cad5776?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e91d7d4f0878e073f89a8386e0a15c0ff3e55aa4d149664e1c718ca79cad5776?s=96&d=mm&r=g\",\"caption\":\"Chris Auman\"},\"description\":\"Chris Auman is a veteran digital marketer with over 30 years of experience in the trenches. As Sanctuary\u2019s founder and President, Chris has successfully guided online marketing efforts for companies large and small.\",\"sameAs\":[\"https:\\\/\\\/www.sanctuarymg.com\\\/why-sanctuary\\\/team\\\/chris-auman\\\/\"],\"url\":\"https:\\\/\\\/www.sanctuarymg.com\\\/academy\\\/author\\\/chrisauman\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mobile First - What You Need To Know","description":"Mobile First. Learn about mobile websites, responsive websites, mobile marketing & having a \u2018mobile first\u2019 approach to your website & digital marketing.","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.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/","og_locale":"en_US","og_type":"article","og_title":"Why a \u2018Mobile First\u2019 Responsive approach to website design?","og_description":"We\u2019ve heard a lot lately about mobile websites, responsive websites, mobile marketing and having a \u2018mobile first\u2019 approach to your website and digital marketing. Everyone at this point agrees that having a mobile website is important. But what does this phrase really mean?","og_url":"https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/","og_site_name":"The Academy","article_published_time":"2015-12-21T15:16:40+00:00","article_modified_time":"2023-01-10T21:29:20+00:00","author":"Chris Auman","twitter_card":"summary_large_image","twitter_title":"Why a \u2018Mobile First\u2019 Responsive approach to website design?","twitter_description":"We\u2019ve heard a lot lately about mobile websites, responsive websites, mobile marketing and having a \u2018mobile first\u2019 approach to your website and digital marketing. Everyone at this point agrees that having a mobile website is important. But what does this phrase really mean?","twitter_image":"https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/mobile-first-1.jpg","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/#article","isPartOf":{"@id":"https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/"},"author":{"name":"Chris Auman","@id":"https:\/\/www.sanctuarymg.com\/academy\/#\/schema\/person\/6084f9ffc9fcbabcc50301f2e497e182"},"headline":"Mobile First &#8211; What you need to know","datePublished":"2015-12-21T15:16:40+00:00","dateModified":"2023-01-10T21:29:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/"},"wordCount":908,"commentCount":0,"image":{"@id":"https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/#primaryimage"},"thumbnailUrl":"https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/mobile-first-1.jpg","keywords":["Mobile Design","Mobile first","Mobile websites","Responsive Websites"],"articleSection":["Websites"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/","url":"https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/","name":"Mobile First - What You Need To Know","isPartOf":{"@id":"https:\/\/www.sanctuarymg.com\/academy\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/#primaryimage"},"image":{"@id":"https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/#primaryimage"},"thumbnailUrl":"https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/mobile-first-1.jpg","datePublished":"2015-12-21T15:16:40+00:00","dateModified":"2023-01-10T21:29:20+00:00","author":{"@id":"https:\/\/www.sanctuarymg.com\/academy\/#\/schema\/person\/6084f9ffc9fcbabcc50301f2e497e182"},"description":"Mobile First. Learn about mobile websites, responsive websites, mobile marketing & having a \u2018mobile first\u2019 approach to your website & digital marketing.","breadcrumb":{"@id":"https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/#primaryimage","url":"https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/mobile-first-1.jpg","contentUrl":"https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/mobile-first-1.jpg","width":350,"height":235,"caption":"What is mobile first?"},{"@type":"BreadcrumbList","@id":"https:\/\/www.sanctuarymg.com\/academy\/websites\/mobile-first-what-you-need-to-know\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"The Academy","item":"https:\/\/www.sanctuarymg.com\/academy\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/www.sanctuarymg.com\/academy\/types\/articles\/"},{"@type":"ListItem","position":3,"name":"Mobile First &#8211; What you need to know"}]},{"@type":"WebSite","@id":"https:\/\/www.sanctuarymg.com\/academy\/#website","url":"https:\/\/www.sanctuarymg.com\/academy\/","name":"The Academy","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.sanctuarymg.com\/academy\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.sanctuarymg.com\/academy\/#\/schema\/person\/6084f9ffc9fcbabcc50301f2e497e182","name":"Chris Auman","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/e91d7d4f0878e073f89a8386e0a15c0ff3e55aa4d149664e1c718ca79cad5776?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e91d7d4f0878e073f89a8386e0a15c0ff3e55aa4d149664e1c718ca79cad5776?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e91d7d4f0878e073f89a8386e0a15c0ff3e55aa4d149664e1c718ca79cad5776?s=96&d=mm&r=g","caption":"Chris Auman"},"description":"Chris Auman is a veteran digital marketer with over 30 years of experience in the trenches. As Sanctuary\u2019s founder and President, Chris has successfully guided online marketing efforts for companies large and small.","sameAs":["https:\/\/www.sanctuarymg.com\/why-sanctuary\/team\/chris-auman\/"],"url":"https:\/\/www.sanctuarymg.com\/academy\/author\/chrisauman\/"}]}},"fimg_url":"https:\/\/www.sanctuarymg.com\/academy\/wp-content\/uploads\/2015\/12\/mobile-first-1.jpg","a_url":"https:\/\/www.sanctuarymg.com\/academy\/author\/chrisauman\/","_links":{"self":[{"href":"https:\/\/www.sanctuarymg.com\/academy\/wp-json\/wp\/v2\/posts\/8606","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sanctuarymg.com\/academy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.sanctuarymg.com\/academy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.sanctuarymg.com\/academy\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sanctuarymg.com\/academy\/wp-json\/wp\/v2\/comments?post=8606"}],"version-history":[{"count":5,"href":"https:\/\/www.sanctuarymg.com\/academy\/wp-json\/wp\/v2\/posts\/8606\/revisions"}],"predecessor-version":[{"id":20868,"href":"https:\/\/www.sanctuarymg.com\/academy\/wp-json\/wp\/v2\/posts\/8606\/revisions\/20868"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.sanctuarymg.com\/academy\/wp-json\/wp\/v2\/media\/8609"}],"wp:attachment":[{"href":"https:\/\/www.sanctuarymg.com\/academy\/wp-json\/wp\/v2\/media?parent=8606"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.sanctuarymg.com\/academy\/wp-json\/wp\/v2\/categories?post=8606"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.sanctuarymg.com\/academy\/wp-json\/wp\/v2\/tags?post=8606"},{"taxonomy":"type-category","embeddable":true,"href":"https:\/\/www.sanctuarymg.com\/academy\/wp-json\/wp\/v2\/type-category?post=8606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}