{"id":9813,"date":"2025-08-01T13:11:00","date_gmt":"2025-08-01T17:11:00","guid":{"rendered":"https:\/\/mylittlebigweb.com\/responsive-design-optimize-your-site-for-mobile-devices\/"},"modified":"2024-05-30T14:36:46","modified_gmt":"2024-05-30T18:36:46","slug":"responsive-design-optimize-your-site-for-mobile-devices","status":"publish","type":"post","link":"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/","title":{"rendered":"Responsive Design: Optimize your site for mobile devices"},"content":{"rendered":"\n<p>Usage of mobile devices forms a significant source of web traffic and, just like for computers, it is necessary to optimize your site so that it works best on mobile devices. Here are some basic ideas (and techniques) to understand everything a little more clearly.<\/p>\n\n\n\n<p>Search engines classify websites optimized for mobile media into three categories:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sites using <a href=\"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-web-design-making-your-site-adaptive-for-seo\/\" rel=\"noopener\">responsive web design<\/a>. The structure of URLs and HTMLs remains the same for all media (mobile or not) and only the CSS varies to adapt to the resolution of the screen used. This is the configuration recommended by Google.<\/li>\n\n\n\n<li>Sites that use the same URL&#8217;s structure but whose HTML and CSS vary according to the media used.<\/li>\n\n\n\n<li>Sites that use specific URLs based on the media used.<\/li>\n<\/ul>\n\n\n\n<p>In this article, we will see how to implement each of these three configurations.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Responsive web design<\/h2>\n\n\n\n<p>Responsive web design is a configuration where the server always sends the same HTML code for all devices and where CSS changes the appearance of the page based on the size of the screen used. Search engines automatically detect this configuration and the user can thereby consult the pages in an optimal manner. To give you an example, here is the kind of CSS specification you can use:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"color: #3366ff;\">@media only screen and (max-width: 640px) {...}<\/span><\/pre>\n\n\n\n<p>The maximum width of 640 pixels is only an example, not an obligation. However, try to define a reasonable width compared to the sizes of smartphone screens used most frequently. Each technical configuration has its advantages and disadvantages, so you can set up the one that works best for your site. Generally, if your configuration works on Google Chrome or Apple Mobile Safari, it will be compatible with most search engine algorithms.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why use responsive web design?<\/h2>\n\n\n\n<p>Here are the three main reasons why search engines encourage you to use responsive web design:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>By assigning the content of a web page to a single URL, you will facilitate its interaction with your visitors, and also facilitate the sharing and the creation of links that refer to your content. In addition, this will help the search engines to index your content correctly.<\/li>\n\n\n\n<li>Not redirecting (depending on the device used) reduces the page loading time, which is considered to be one of the major components in regards to quality of user experience.<\/li>\n\n\n\n<li>You save time and resources both for your website and for the search engine robots that analyze your links (the so-called &#8220;crawlers&#8221;). The pages optimized for responsive web design need to be analyzed only once by the robots (unlike other non-optimized pages) to recover your content. This optimization will allow robots to better index your content and display your updates faster.<\/li>\n<\/ul>\n\n\n\n<p>Please note: Make sure you do not prevent robots from analyzing all the components of your pages (CSS, JavaScript, images) that use robots.txt or other extensions. The fact that robots have easy access to these external files will allow them to automatically detect your optimized configuration in responsive web design and therefore display your content appropriately.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Using the same URL structure but a different HTML<\/h2>\n\n\n\n<p>This configuration will allow the server to respond to user requests with different HTML (and CSS) code while keeping the same URL. In this configuration, the fact that the site changes the HTML code for mobile users is not immediately visible. Indeed, the content of the mobile site is then &#8220;hidden&#8221;, so it is recommended that the server sends a signal to the robot of the search engine so that it comes to analyze the page and discovers the mobile content. This trick is implemented using the &#8220;HTTP Vary&#8221; header.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTTP vary header<\/h2>\n\n\n\n<p>The HTTP Vary header is important for the following two reasons:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>It tells the cache servers used by the access providers that they must analyze the media used by the user when deciding whether to display the page using the information contained in the cache or not. Without the HTTP Vary header, the cache used for mobile devices can be mistakenly used for another device or vice versa.<\/li>\n\n\n\n<li>It helps search engine robots analyze your mobile-optimized content more quickly.<\/li>\n<\/ul>\n\n\n\n<p>The HTTP Vary header is therefore part of the server response in relation to a given query, for example:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"color: #3366ff;\">GET \/page-1 HTTP\/1.1<\/span>\n<span style=\"color: #3366ff;\">Host: www.example.com<\/span>\n<span style=\"color: #3366ff;\">(...rest of HTTP request headers...)<\/span><\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\"><span style=\"color: #3366ff;\">&nbsp;HTTP\/1.1 200 OK<\/span>\n<span style=\"color: #3366ff;\">Content-Type: text\/html<\/span>\n<span style=\"color: #3366ff;\">Vary: User-Agent<\/span>\n<span style=\"color: #3366ff;\">Content-Length: 5710<\/span>\n<span style=\"color: #3366ff;\">(... rest of HTTP response headers...)<\/span><\/pre>\n\n\n\n<p>This means that the content of the response will vary depending on which user agent is requesting to view the page. If your server already uses the HTTP Vary header, you can add &#8220;user agents&#8221; to the list that has already been used.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Using specific URLs for different devices used<\/h2>\n\n\n\n<p>In this configuration, each &#8220;desktop&#8221; URL has a &#8220;mobile&#8221; version optimized for displaying content. For example, we will have an imaginary page whose URL structure would be www.pagedemonsitetropcool.com for users of a computer and m.pagedemonsitetropcool.com for users of mobile devices. Search engines do not favour this particular URL format as long as both are accessible by robots.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Annotations for desktop and mobile URLs<\/h2>\n\n\n\n<p>To help search engine crawlers understand the configuration of your site, it is recommended to use the following annotations:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For desktop-optimized pages, add a special link rel = &#8220;alternate&#8221; tag pointing to the corresponding &#8220;mobile&#8221; URL. This will help the search engine robot find the location of the mobile page corresponding to your content.<\/li>\n\n\n\n<li>For &#8220;mobile&#8221; optimized pages, add a rel = &#8220;canonical&#8221; tag link pointing to the corresponding desktop URL.<\/li>\n<\/ul>\n\n\n\n<p>There are two methods for setting up these annotations: Directly in the HTML of the pages or in the site map. For example, suppose that the desktop URL is http:\/\/example.com\/page-1 and that its corresponding mobile URL is http:\/\/m.example.com\/page-1, the annotation would be:<\/p>\n\n\n\n<p>For the &#8220;desktop&#8221; page,<\/p>\n\n\n\n<p><span style=\"color: #3366ff;\">&lt;link rel=\u201dalternate\u00bb media=&nbsp;\u201donly screen and (max-width: 640px) \u201d href=&nbsp;http:\/\/m.example.com\/page-1\u201d&gt;<\/span><\/p>\n\n\n\n<p>For the \u201cmobile\u201d page<\/p>\n\n\n\n<p><span style=\"color: #3366ff;\">&lt;link rel=\u201dcanonical\u201d href=http:\/\/www.example.com\/page-1&gt;<\/span><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Annotations for your website map<\/h2>\n\n\n\n<p>Here is the line of coding you must include for optimized pages for computers:<\/p>\n\n\n\n<p><span style=\"color: #3366ff;\">&amp;ltxml version=&#8221;1.0&#8243; encoding=&#8221;UTF-8&#8243;?&gt;<\/span><\/p>\n\n\n\n<p><span style=\"color: #3366ff;\">&lt;urlset <\/span><\/p>\n\n\n\n<p><span style=\"color: #3366ff;\">&nbsp; &gt;<\/span><\/p>\n\n\n\n<p><span style=\"color: #3366ff;\">&lt;url&gt;<\/span><\/p>\n\n\n\n<p><span style=\"color: #3366ff;\">&lt;loc&gt;http:\/\/www.example.com\/page-1\/&lt;\/loc&gt;<\/span><\/p>\n\n\n\n<p><span style=\"color: #3366ff;\">&lt;xhtml:link<\/span><\/p>\n\n\n\n<p><span style=\"color: #3366ff;\">&nbsp;&nbsp;&nbsp; rel=&#8221;alternate&#8221;<\/span><\/p>\n\n\n\n<p><span style=\"color: #3366ff;\">&nbsp;&nbsp;&nbsp; media=&#8221;only screen and (max-width: 640px)&#8221;<\/span><\/p>\n\n\n\n<p><span style=\"color: #3366ff;\">&nbsp;&nbsp;&nbsp; href=&#8221;http:\/\/m.example.com\/page-1&#8243; \/&gt;<\/span><\/p>\n\n\n\n<p><span style=\"color: #3366ff;\">&lt;\/url&gt;<\/span><\/p>\n\n\n\n<p><span style=\"color: #3366ff;\">&lt;\/urlset&gt;<\/span><\/p>\n\n\n\n<p>The rel = &#8220;canonical&#8221; tag of the mobile URL will have to be added to the HTML code of the mobile page.<\/p>\n\n\n\n<p>These annotations help search engine robots discover your content and understand the relationship between your &#8220;desktop&#8221; pages and your &#8220;mobile&#8221; pages. When you use different URL&#8217;s to give access to the same content in different formats, the annotations explain to the search engine algorithms that these two URLs have the same content and should therefore be considered as one entity and not two.<\/p>\n\n\n\n<p>If both URL&#8217;s are processed separately, they will both appear in the search results and their position may be lower.<\/p>\n\n\n\n<p>Do not hesitate to contact us at <a href=\"tel:+15145727758\" rel=\"noopener\">514 572 7758<\/a> or via <a href=\"https:\/\/mylittlebigweb.com\/en\/contact-us\/\" rel=\"noopener\">our contact form<\/a> if you wish to speak with an expert who will answer all your questions.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Usage of mobile devices forms a significant source of web traffic and, just like for computers, it is necessary to optimize your site so that it works best on mobile devices. Here are some basic ideas (and techniques) to understand everything a little more clearly. Search engines classify websites optimized for mobile media into three [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":4597,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"yasr_overall_rating":0,"yasr_post_is_review":"","yasr_auto_insert_disabled":"","yasr_review_type":"","footnotes":""},"categories":[134,136],"tags":[],"class_list":["post-9813","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-search-engine-optimization-seo","category-web-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Responsive Web Design | Optimize Your Website For Mobile Devices<\/title>\n<meta name=\"description\" content=\"Discover technical basics to optimize your site for mobile devices, as well as an overview of the options available to adapt your site to mobile devices.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive Web Design | Optimize Your Website For Mobile Devices\" \/>\n<meta property=\"og:description\" content=\"Discover technical basics to optimize your site for mobile devices, as well as an overview of the options available to adapt your site to mobile devices.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/\" \/>\n<meta property=\"og:site_name\" content=\"My Little Big Web\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/mylittlebigweb\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-08-01T17:11:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mylittlebigweb.com\/wp-content\/uploads\/2024\/01\/optimisez-site-les-mobiles-jpg.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"755\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Maxence Pezzetta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Maxence Pezzetta\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/blog\\\/responsive-design-optimize-your-site-for-mobile-devices\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/blog\\\/responsive-design-optimize-your-site-for-mobile-devices\\\/\"},\"author\":{\"name\":\"Maxence Pezzetta\",\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/#\\\/schema\\\/person\\\/fe8322a83fe0fe225a45f7567897f691\"},\"headline\":\"Responsive Design: Optimize your site for mobile devices\",\"datePublished\":\"2025-08-01T17:11:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/blog\\\/responsive-design-optimize-your-site-for-mobile-devices\\\/\"},\"wordCount\":1187,\"publisher\":{\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/blog\\\/responsive-design-optimize-your-site-for-mobile-devices\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mylittlebigweb.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/optimisez-site-les-mobiles-jpg.webp\",\"articleSection\":[\"Search Engine Optimization (SEO)\",\"Web Design\"],\"inLanguage\":\"en-CA\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/blog\\\/responsive-design-optimize-your-site-for-mobile-devices\\\/\",\"url\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/blog\\\/responsive-design-optimize-your-site-for-mobile-devices\\\/\",\"name\":\"Responsive Web Design | Optimize Your Website For Mobile Devices\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/blog\\\/responsive-design-optimize-your-site-for-mobile-devices\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/blog\\\/responsive-design-optimize-your-site-for-mobile-devices\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mylittlebigweb.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/optimisez-site-les-mobiles-jpg.webp\",\"datePublished\":\"2025-08-01T17:11:00+00:00\",\"description\":\"Discover technical basics to optimize your site for mobile devices, as well as an overview of the options available to adapt your site to mobile devices.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/blog\\\/responsive-design-optimize-your-site-for-mobile-devices\\\/#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/blog\\\/responsive-design-optimize-your-site-for-mobile-devices\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/blog\\\/responsive-design-optimize-your-site-for-mobile-devices\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mylittlebigweb.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/optimisez-site-les-mobiles-jpg.webp\",\"contentUrl\":\"https:\\\/\\\/mylittlebigweb.com\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/optimisez-site-les-mobiles-jpg.webp\",\"width\":1400,\"height\":755,\"caption\":\"||\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/blog\\\/responsive-design-optimize-your-site-for-mobile-devices\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Web Agency\",\"item\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Responsive Design: Optimize your site for mobile devices\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/\",\"name\":\"My Little Big Web\",\"description\":\"Agence Web \u00e0 Montr\u00e9al. Tous les services au m\u00eame endroit. SEO, conception de site Web, Google Ads, Facebook Ads, r\u00e9seaux sociaux.\",\"publisher\":{\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-CA\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/#organization\",\"name\":\"My Little Big Web\",\"url\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mylittlebigweb.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/cropped-MLBW-logo-principal.jpg\",\"contentUrl\":\"https:\\\/\\\/mylittlebigweb.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/cropped-MLBW-logo-principal.jpg\",\"width\":631,\"height\":300,\"caption\":\"My Little Big Web\"},\"image\":{\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/#\\\/schema\\\/person\\\/fe8322a83fe0fe225a45f7567897f691\",\"name\":\"Maxence Pezzetta\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/23ba49dc43055476b27936e2df036465a9649f4ee773043d2010e2538c57d892?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/23ba49dc43055476b27936e2df036465a9649f4ee773043d2010e2538c57d892?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/23ba49dc43055476b27936e2df036465a9649f4ee773043d2010e2538c57d892?s=96&d=mm&r=g\",\"caption\":\"Maxence Pezzetta\"},\"description\":\"Cofondateur et Sp\u00e9cialiste Web Marketing et acquisition de clients Dipl\u00f4m\u00e9 d\u2019une double Ma\u00eetrise en Marketing et Communication, Max cumule plus de 10 ans d\u2019exp\u00e9rience en Marketing digital. Ancien employ\u00e9 de Microsoft, sa mission est de \u00ab\u00a0mettre le Web \u00e0 la port\u00e9e de tous\u00a0\u00bb pour aider les entreprises \u00e0 am\u00e9liorer leur pr\u00e9sence en ligne.\",\"sameAs\":[\"https:\\\/\\\/mylittlebigweb.com\\\/max-pezzetta\\\/\",\"https:\\\/\\\/www.facebook.com\\\/mylittlebigweb\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/maxence-pezzetta-seo-expert\\\/\"],\"url\":\"https:\\\/\\\/mylittlebigweb.com\\\/en\\\/auteur\\\/maxence\\\/\"},false]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive Web Design | Optimize Your Website For Mobile Devices","description":"Discover technical basics to optimize your site for mobile devices, as well as an overview of the options available to adapt your site to mobile devices.","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:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/","og_locale":"en_US","og_type":"article","og_title":"Responsive Web Design | Optimize Your Website For Mobile Devices","og_description":"Discover technical basics to optimize your site for mobile devices, as well as an overview of the options available to adapt your site to mobile devices.","og_url":"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/","og_site_name":"My Little Big Web","article_author":"https:\/\/www.facebook.com\/mylittlebigweb\/","article_published_time":"2025-08-01T17:11:00+00:00","og_image":[{"width":1400,"height":755,"url":"https:\/\/mylittlebigweb.com\/wp-content\/uploads\/2024\/01\/optimisez-site-les-mobiles-jpg.webp","type":"image\/jpeg"}],"author":"Maxence Pezzetta","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Maxence Pezzetta","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/#article","isPartOf":{"@id":"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/"},"author":{"name":"Maxence Pezzetta","@id":"https:\/\/mylittlebigweb.com\/en\/#\/schema\/person\/fe8322a83fe0fe225a45f7567897f691"},"headline":"Responsive Design: Optimize your site for mobile devices","datePublished":"2025-08-01T17:11:00+00:00","mainEntityOfPage":{"@id":"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/"},"wordCount":1187,"publisher":{"@id":"https:\/\/mylittlebigweb.com\/en\/#organization"},"image":{"@id":"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/#primaryimage"},"thumbnailUrl":"https:\/\/mylittlebigweb.com\/wp-content\/uploads\/2024\/01\/optimisez-site-les-mobiles-jpg.webp","articleSection":["Search Engine Optimization (SEO)","Web Design"],"inLanguage":"en-CA"},{"@type":"WebPage","@id":"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/","url":"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/","name":"Responsive Web Design | Optimize Your Website For Mobile Devices","isPartOf":{"@id":"https:\/\/mylittlebigweb.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/#primaryimage"},"image":{"@id":"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/#primaryimage"},"thumbnailUrl":"https:\/\/mylittlebigweb.com\/wp-content\/uploads\/2024\/01\/optimisez-site-les-mobiles-jpg.webp","datePublished":"2025-08-01T17:11:00+00:00","description":"Discover technical basics to optimize your site for mobile devices, as well as an overview of the options available to adapt your site to mobile devices.","breadcrumb":{"@id":"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/#primaryimage","url":"https:\/\/mylittlebigweb.com\/wp-content\/uploads\/2024\/01\/optimisez-site-les-mobiles-jpg.webp","contentUrl":"https:\/\/mylittlebigweb.com\/wp-content\/uploads\/2024\/01\/optimisez-site-les-mobiles-jpg.webp","width":1400,"height":755,"caption":"||"},{"@type":"BreadcrumbList","@id":"https:\/\/mylittlebigweb.com\/en\/blog\/responsive-design-optimize-your-site-for-mobile-devices\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Web Agency","item":"https:\/\/mylittlebigweb.com\/en\/"},{"@type":"ListItem","position":2,"name":"Responsive Design: Optimize your site for mobile devices"}]},{"@type":"WebSite","@id":"https:\/\/mylittlebigweb.com\/en\/#website","url":"https:\/\/mylittlebigweb.com\/en\/","name":"My Little Big Web","description":"Agence Web \u00e0 Montr\u00e9al. Tous les services au m\u00eame endroit. SEO, conception de site Web, Google Ads, Facebook Ads, r\u00e9seaux sociaux.","publisher":{"@id":"https:\/\/mylittlebigweb.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mylittlebigweb.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-CA"},{"@type":"Organization","@id":"https:\/\/mylittlebigweb.com\/en\/#organization","name":"My Little Big Web","url":"https:\/\/mylittlebigweb.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/mylittlebigweb.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/mylittlebigweb.com\/wp-content\/uploads\/2024\/09\/cropped-MLBW-logo-principal.jpg","contentUrl":"https:\/\/mylittlebigweb.com\/wp-content\/uploads\/2024\/09\/cropped-MLBW-logo-principal.jpg","width":631,"height":300,"caption":"My Little Big Web"},"image":{"@id":"https:\/\/mylittlebigweb.com\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/mylittlebigweb.com\/en\/#\/schema\/person\/fe8322a83fe0fe225a45f7567897f691","name":"Maxence Pezzetta","image":{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/secure.gravatar.com\/avatar\/23ba49dc43055476b27936e2df036465a9649f4ee773043d2010e2538c57d892?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/23ba49dc43055476b27936e2df036465a9649f4ee773043d2010e2538c57d892?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/23ba49dc43055476b27936e2df036465a9649f4ee773043d2010e2538c57d892?s=96&d=mm&r=g","caption":"Maxence Pezzetta"},"description":"Cofondateur et Sp\u00e9cialiste Web Marketing et acquisition de clients Dipl\u00f4m\u00e9 d\u2019une double Ma\u00eetrise en Marketing et Communication, Max cumule plus de 10 ans d\u2019exp\u00e9rience en Marketing digital. Ancien employ\u00e9 de Microsoft, sa mission est de \u00ab\u00a0mettre le Web \u00e0 la port\u00e9e de tous\u00a0\u00bb pour aider les entreprises \u00e0 am\u00e9liorer leur pr\u00e9sence en ligne.","sameAs":["https:\/\/mylittlebigweb.com\/max-pezzetta\/","https:\/\/www.facebook.com\/mylittlebigweb\/","https:\/\/www.linkedin.com\/in\/maxence-pezzetta-seo-expert\/"],"url":"https:\/\/mylittlebigweb.com\/en\/auteur\/maxence\/"},false]}},"yasr_visitor_votes":{"stars_attributes":{"read_only":false,"span_bottom":false},"number_of_votes":76,"sum_votes":360},"_links":{"self":[{"href":"https:\/\/mylittlebigweb.com\/en\/wp-json\/wp\/v2\/posts\/9813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mylittlebigweb.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mylittlebigweb.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mylittlebigweb.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mylittlebigweb.com\/en\/wp-json\/wp\/v2\/comments?post=9813"}],"version-history":[{"count":2,"href":"https:\/\/mylittlebigweb.com\/en\/wp-json\/wp\/v2\/posts\/9813\/revisions"}],"predecessor-version":[{"id":13645,"href":"https:\/\/mylittlebigweb.com\/en\/wp-json\/wp\/v2\/posts\/9813\/revisions\/13645"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mylittlebigweb.com\/en\/wp-json\/wp\/v2\/media\/4597"}],"wp:attachment":[{"href":"https:\/\/mylittlebigweb.com\/en\/wp-json\/wp\/v2\/media?parent=9813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mylittlebigweb.com\/en\/wp-json\/wp\/v2\/categories?post=9813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mylittlebigweb.com\/en\/wp-json\/wp\/v2\/tags?post=9813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}