{"id":12723,"date":"2023-03-10T10:31:57","date_gmt":"2023-03-10T03:31:57","guid":{"rendered":"https:\/\/rometheme.net\/?p=12723"},"modified":"2025-04-07T04:30:34","modified_gmt":"2025-04-07T04:30:34","slug":"how-to-make-a-mobile-friendly-website","status":"publish","type":"post","link":"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/","title":{"rendered":"<strong>How to Make a Mobile-Friendly Website<\/strong>"},"content":{"rendered":"\n<p>As we said in the previous article, mobile device users have greatly increased at this time. Followed by website visitors who also switch to using mobile devices or smartphones to open the website they are looking for. We as website owners are also required to provide a mobile-friendly website so that visitors are not disappointed when they visit our website using their smartphone device.<\/p>\n\n\n\n<p>If you haven&#8217;t optimized your website to be mobile-friendly, get ready to follow the steps on how to make a website mobile-friendly right now.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">What is a Mobile Friendly Website?<\/h5>\n\n\n\n<p>A mobile-friendly website is a website that is designed to be easily accessed by users of mobile devices such as smartphones and tablets. Usually, this website design is made responsive to the screen size of the device used by website visitors.<\/p>\n\n\n\n<p>As part of website development, there are three reasons why a website must be mobile-friendly, namely:<\/p>\n\n\n\n<p>\u2022 The amount of traffic from mobile phones is skyrocketing \u2013 More than half of the world&#8217;s people access the internet via smartphones.<\/p>\n\n\n\n<p>\u2022 Mobile-first index \u2013 Google prioritizes website indexing on the mobile version. It is also from the results of this index that Google determines the search ranking of a website.<\/p>\n\n\n\n<p>\u2022 Mobile Search Engine Optimization (SEO) \u2013 The logic of mobile SEO is slightly different from the desktop version. Through the mobile version of SEO, you can capture traffic opportunities even better.<\/p>\n\n\n\n<p>If you don&#8217;t have a mobile-friendly version of the website, you might lose visitors, ranking in search engines, leads, and money from buyers.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Then, how do make a Mobile Friendly Website?<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">1. Install a Responsive Theme<\/h6>\n\n\n\n<p>The first way to create a mobile-friendly website is to install a responsive website theme. Themes have a big influence on the website. Both in terms of website performance and visiting experience.<\/p>\n\n\n\n<p>In terms of user experience, installing a responsive theme makes it easier for users to share content. Website owners only have one type of URL that applies consistently. If the user shares the URL from the mobile version of the website, the same URL can be opened via the desktop with the right appearance.<\/p>\n\n\n\n<p>Then, what does a responsive theme look like? Here are three main criteria to keep in mind:<\/p>\n\n\n\n<p>\u2022 Can adjust the appearance of the web automatically;<\/p>\n\n\n\n<p>\u2022 Have a website design and a simple appearance;<\/p>\n\n\n\n<p>\u2022 Have an intuitive user interface (buttons, sliders, and forms).<\/p>\n\n\n\n<p>Take a look at <a href=\"https:\/\/rometheme.net\/elementor-kits\/\">our collection<\/a> of website designs that suit your theme and needs.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">2. Create a Simple Menu<\/h6>\n\n\n\n<p>Desktop screen sizes are clearly different from cell phones. While desktops have a minimum resolution of 1080p, mobile screen resolutions are only 720p. For this reason, the website menu needs to be designed differently from the desktop version.<\/p>\n\n\n\n<p>If you want to simplify how your menu looks, there are a few principles you need to follow:<\/p>\n\n\n\n<p>\u2022 Show only important menus.<\/p>\n\n\n\n<p>\u2022 Put other menus into a collapsible navigation sidebar or a navigation menu that can be hidden;<\/p>\n\n\n\n<p>\u2022 Write short and clear calls to action (CTA);<\/p>\n\n\n\n<p>\u2022 Make buttons large;<\/p>\n\n\n\n<p>\u2022 Avoid using sidebars for content. Content located in the sidebar will usually be displayed at the very bottom of the mobile version of the page.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">3. Include a Search Column<\/h6>\n\n\n\n<p>Not everything can be made simple. This includes menus and website content. Especially if the website in question is a marketplace or online shop. Like it or not, there are so many menus and pages containing the products being sold.<\/p>\n\n\n\n<p>If you have a website like that, it&#8217;s a good idea to add a search field. The search field can make it easier for customers to find the product they really need. After all, it&#8217;s also impossible for you to tell visitors to search for content or products manually, right?<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">4. Choose the Right Font Type<\/h6>\n\n\n\n<p>The next way to make a mobile-friendly blog is to choose the right type of font. Due to the limited space on mobile phones, the choice of fonts affects the overall appearance of the website.<\/p>\n\n\n\n<p>With the right font, website content can be easily read. Apart from that, fonts can also affect the impression, mood, and branding of the website itself.<\/p>\n\n\n\n<p>Fonts that are decorative are usually not included in the mobile-friendly category. Indeed, the appearance of this type of classic font is usually very eye-catching. It&#8217;s just that, when viewed from a cell phone, it looks very big and not pretty.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">5. Make Sure There Is Enough Whitespace<\/h6>\n\n\n\n<p>How to change the appearance of the web to mobile on this one may have nothing to do with technical issues. However, it&#8217;s a good idea to keep this in mind and practice.<\/p>\n\n\n\n<p>A plain white appearance gives a clean and elegant impression to the website. Especially if the website is viewed via a cellphone.<\/p>\n\n\n\n<p>At the same time, the white background also makes visitors focus on the main object on the website page. If you have an online or e-commerce store, a white background helps your products stand out.<\/p>\n\n\n\n<p>If the content in question is in the form of paragraphs, the paragraphs will be easier to read. Provided, you write in short paragraph pieces.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">6. Create a Short Form<\/h6>\n\n\n\n<p>The form on the website, in principle, should be short. But when it comes to how to make a mobile-friendly blog, you need to take an extra step.<\/p>\n\n\n\n<p>Trim all form fields that are less important for the user. When you ask for information for leads and contacts, include only two kinds of forms namely name and email address.<\/p>\n\n\n\n<p>If the context is for shipping goods, make the necessary forms. Focus on the important information needed. You don&#8217;t need to know your favorite color or where buyers get information about your business.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">7. Perform Image Optimization<\/h6>\n\n\n\n<p>Furthermore, image optimization is included in how to create a mobile-friendly website. Because there are still many people who just put pictures on the website. Regardless of the image format or size.<\/p>\n\n\n\n<p>As a result, the website is slow. Not to mention the server&#8217;s disk memory is wasteful. Therefore, image optimization is an important thing to do.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">8. Avoid Pop-ups<\/h6>\n\n\n\n<p>Pop-ups take up space. Just imagine that a small cellphone screen is full of pop-ups. It sucks, doesn&#8217;t it?<\/p>\n\n\n\n<p>Even worse, pop-ups are a pain to close. The close (X) button is usually too small or hard to find. Double sucks. That&#8217;s why avoiding pop-ups is included in how to make a mobile-friendly website.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">9. Make speed a priority<\/h6>\n\n\n\n<p>The essence of mobile friendly is a matter of speed. Therefore, website speed must be a priority.<\/p>\n\n\n\n<p>If your website doesn&#8217;t appear immediately within three seconds, the chances of visitors not accessing it increase by up to 32%. The longer the load time takes, the higher the possible bounce rate.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">10. Good button position<\/h6>\n\n\n\n<p>The vertical arrangement of the buttons keeps them within the thumb area. in addition, the button area is large, which makes them easier to click. We also have an article discussing button principles. <a href=\"https:\/\/rometheme.net\/three-design-principles-of-button-design\/\">Read here<\/a>.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">11. Simple navigation bar<\/h6>\n\n\n\n<p>Adjust the navbar so that it takes up less on the phone screen, which itself is so small, and at the same time for items to be easily clickable.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">12. Hidden content<\/h6>\n\n\n\n<p>Hiding less relevant or too long information reduces the length of your website. In addition, users can more easily browse the site in search of interesting content.<\/p>\n\n\n\n<p>Those are some steps you can take to make your website a mobile-friendly website for visitors. Remember that the convenience of visitors in exploring your website is the most important thing.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>Tips:<\/strong> <\/h6>\n\n\n\n<p>In the process of changing the appearance of the web to mobile, you should not mess with a live website. Because, if something goes wrong, your website might not even be accessible.<\/p>\n\n\n\n<p>Source: <a href=\"https:\/\/www.niagahoster.co.id\/blog\/cara-membuat-website-mobile-friendly-dalam-11-langkah\/\">Niagahoster<\/a><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>As we said in the previous article, mobile device users have greatly increased at this time. Followed by website visitors who also switch to using mobile devices or smartphones to open the website they are looking for. We as website owners are also required to provide a mobile-friendly website so that visitors are not disappointed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12773,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[79],"tags":[144,211,509,3,132,371,508,402,238,239,87,136,510],"class_list":["post-12723","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design_inspiration","tag-button","tag-cta","tag-development","tag-font","tag-mobile","tag-navigation","tag-responsive","tag-seo","tag-ui","tag-ux","tag-web","tag-website","tag-whitespace"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Make a Mobile-Friendly Website - Rometheme Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Make a Mobile-Friendly Website - Rometheme Blog\" \/>\n<meta property=\"og:description\" content=\"As we said in the previous article, mobile device users have greatly increased at this time. Followed by website visitors who also switch to using mobile devices or smartphones to open the website they are looking for. We as website owners are also required to provide a mobile-friendly website so that visitors are not disappointed [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Rometheme Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/groups\/1039541754019284\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-10T03:31:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-07T04:30:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2023\/03\/3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"rtmstd\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"rtmstd\" \/>\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:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/\"},\"author\":{\"name\":\"rtmstd\",\"@id\":\"https:\/\/rometheme.net\/blog\/#\/schema\/person\/b531589174147795651fae3994140607\"},\"headline\":\"How to Make a Mobile-Friendly Website\",\"datePublished\":\"2023-03-10T03:31:57+00:00\",\"dateModified\":\"2025-04-07T04:30:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/\"},\"wordCount\":1294,\"publisher\":{\"@id\":\"https:\/\/rometheme.net\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2023\/03\/3.png\",\"keywords\":[\"button\",\"CTA\",\"development\",\"Font\",\"mobile\",\"navigation\",\"responsive\",\"SEO\",\"ui\",\"ux\",\"web\",\"website\",\"whitespace\"],\"articleSection\":[\"Design-Inspiration\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/\",\"url\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/\",\"name\":\"How to Make a Mobile-Friendly Website - Rometheme Blog\",\"isPartOf\":{\"@id\":\"https:\/\/rometheme.net\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2023\/03\/3.png\",\"datePublished\":\"2023-03-10T03:31:57+00:00\",\"dateModified\":\"2025-04-07T04:30:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/#primaryimage\",\"url\":\"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2023\/03\/3.png\",\"contentUrl\":\"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2023\/03\/3.png\",\"width\":1000,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rometheme.net\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Make a Mobile-Friendly Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rometheme.net\/blog\/#website\",\"url\":\"https:\/\/rometheme.net\/blog\/\",\"name\":\"Rometheme Blog\",\"description\":\"Explore the best design inspiration, tips &amp; tutorials, resources, and more news &amp; updates from Rometheme\",\"publisher\":{\"@id\":\"https:\/\/rometheme.net\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rometheme.net\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/rometheme.net\/blog\/#organization\",\"name\":\"Rometheme Blog\",\"url\":\"https:\/\/rometheme.net\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rometheme.net\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2025\/04\/LOGO-RTM-BLOG.png\",\"contentUrl\":\"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2025\/04\/LOGO-RTM-BLOG.png\",\"width\":400,\"height\":70,\"caption\":\"Rometheme Blog\"},\"image\":{\"@id\":\"https:\/\/rometheme.net\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/groups\/1039541754019284\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/rometheme.net\/blog\/#\/schema\/person\/b531589174147795651fae3994140607\",\"name\":\"rtmstd\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rometheme.net\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7354ab2fcb826469bdceae1823304483da9d7d001a4be19db76d240b77239d25?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7354ab2fcb826469bdceae1823304483da9d7d001a4be19db76d240b77239d25?s=96&d=mm&r=g\",\"caption\":\"rtmstd\"},\"sameAs\":[\"https:\/\/rometheme.net\/blog\"],\"url\":\"https:\/\/rometheme.net\/blog\/author\/rtmstd\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Make a Mobile-Friendly Website - Rometheme Blog","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:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/","og_locale":"en_US","og_type":"article","og_title":"How to Make a Mobile-Friendly Website - Rometheme Blog","og_description":"As we said in the previous article, mobile device users have greatly increased at this time. Followed by website visitors who also switch to using mobile devices or smartphones to open the website they are looking for. We as website owners are also required to provide a mobile-friendly website so that visitors are not disappointed [&hellip;]","og_url":"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/","og_site_name":"Rometheme Blog","article_publisher":"https:\/\/www.facebook.com\/groups\/1039541754019284","article_published_time":"2023-03-10T03:31:57+00:00","article_modified_time":"2025-04-07T04:30:34+00:00","og_image":[{"width":1000,"height":600,"url":"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2023\/03\/3.png","type":"image\/png"}],"author":"rtmstd","twitter_card":"summary_large_image","twitter_misc":{"Written by":"rtmstd","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/#article","isPartOf":{"@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/"},"author":{"name":"rtmstd","@id":"https:\/\/rometheme.net\/blog\/#\/schema\/person\/b531589174147795651fae3994140607"},"headline":"How to Make a Mobile-Friendly Website","datePublished":"2023-03-10T03:31:57+00:00","dateModified":"2025-04-07T04:30:34+00:00","mainEntityOfPage":{"@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/"},"wordCount":1294,"publisher":{"@id":"https:\/\/rometheme.net\/blog\/#organization"},"image":{"@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/#primaryimage"},"thumbnailUrl":"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2023\/03\/3.png","keywords":["button","CTA","development","Font","mobile","navigation","responsive","SEO","ui","ux","web","website","whitespace"],"articleSection":["Design-Inspiration"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/","url":"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/","name":"How to Make a Mobile-Friendly Website - Rometheme Blog","isPartOf":{"@id":"https:\/\/rometheme.net\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/#primaryimage"},"image":{"@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/#primaryimage"},"thumbnailUrl":"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2023\/03\/3.png","datePublished":"2023-03-10T03:31:57+00:00","dateModified":"2025-04-07T04:30:34+00:00","breadcrumb":{"@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/#primaryimage","url":"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2023\/03\/3.png","contentUrl":"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2023\/03\/3.png","width":1000,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/rometheme.net\/blog\/design_inspiration\/how-to-make-a-mobile-friendly-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rometheme.net\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Make a Mobile-Friendly Website"}]},{"@type":"WebSite","@id":"https:\/\/rometheme.net\/blog\/#website","url":"https:\/\/rometheme.net\/blog\/","name":"Rometheme Blog","description":"Explore the best design inspiration, tips &amp; tutorials, resources, and more news &amp; updates from Rometheme","publisher":{"@id":"https:\/\/rometheme.net\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rometheme.net\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/rometheme.net\/blog\/#organization","name":"Rometheme Blog","url":"https:\/\/rometheme.net\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rometheme.net\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2025\/04\/LOGO-RTM-BLOG.png","contentUrl":"https:\/\/rometheme.net\/blog\/wp-content\/uploads\/2025\/04\/LOGO-RTM-BLOG.png","width":400,"height":70,"caption":"Rometheme Blog"},"image":{"@id":"https:\/\/rometheme.net\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/groups\/1039541754019284"]},{"@type":"Person","@id":"https:\/\/rometheme.net\/blog\/#\/schema\/person\/b531589174147795651fae3994140607","name":"rtmstd","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rometheme.net\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7354ab2fcb826469bdceae1823304483da9d7d001a4be19db76d240b77239d25?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7354ab2fcb826469bdceae1823304483da9d7d001a4be19db76d240b77239d25?s=96&d=mm&r=g","caption":"rtmstd"},"sameAs":["https:\/\/rometheme.net\/blog"],"url":"https:\/\/rometheme.net\/blog\/author\/rtmstd\/"}]}},"_links":{"self":[{"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/posts\/12723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/comments?post=12723"}],"version-history":[{"count":1,"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/posts\/12723\/revisions"}],"predecessor-version":[{"id":24516,"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/posts\/12723\/revisions\/24516"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/media\/12773"}],"wp:attachment":[{"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/media?parent=12723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/categories?post=12723"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rometheme.net\/blog\/wp-json\/wp\/v2\/tags?post=12723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}