{"id":232590,"date":"2023-01-20T13:06:00","date_gmt":"2023-01-20T10:06:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=232590"},"modified":"2023-02-01T11:04:23","modified_gmt":"2023-02-01T08:04:23","slug":"semplici-passaggi-rendono-il-sito-web-mobile-friendly-design-reattivo","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/it\/semplici-passaggi-rendono-il-sito-web-mobile-friendly-design-reattivo\/","title":{"rendered":"Semplici passaggi rendono il sito web mobile friendly (design reattivo)?"},"content":{"rendered":"<p>Ho finalmente creato il mio sito: <a href=\"https:\/\/steakovercooked.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">steakovercooked.com<\/a> mobile user friendly e quindi tutte le pagine web di tutti i <a href=\"https:\/\/helloacm.com\/milestones\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">miei 6 domini<\/a> finora sono qualificati per user-mobile friendly.<\/p>\n<p>Il mobile user friendly ora \u00e8 un fattore di ranking, ad esempio i motori di ricerca di Google tendono a promuovere i siti che superano il <a href=\"https:\/\/www.google.co.uk\/webmasters\/tools\/mobile-friendly\/?url=https%3A%2F%2Fsteakovercooked.com%2F\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">test mobile user-friendly<\/a>.<\/p>\n<p>mobile friendly<\/p>\n<p>Ecco i passaggi per rendere mobile user friendly, noto anche con il <a href=\"https:\/\/wordpress.mediadoma.com\/it\/apprendimento-del-design-css-reattivo-1\/\" title=\"Responsive CSS Design\">Responsive CSS Design<\/a>.<\/p>\n<h3>Pulisci i CSS in linea nei tag HTML<\/h3>\n<p>I CSS in linea nei tag HTML sono cattivi, poich\u00e9 mescolano la presentazione e l&#8217;HTML, ad esempio,<\/p>\n<p>Lo stile \u00e8 definito direttamente nel tag div HTML, che non \u00e8 possibile modificare utilizzando fogli di stile esterni.<\/p>\n<h3>Non utilizzare pixel di larghezza specificata\/fissa<\/h3>\n<p>Se definisci qualcosa come ad esempio width:900px, \u00e8 probabile che non sia mobile friendly. Puoi sostituirlo con una percentuale, ad esempio 30%. \u00c8 meno probabile che i pixel pi\u00f9 piccoli siano un problema, ad esempio le icone vanno bene in risoluzioni di schermi piccoli. Immagina, la larghezza dello schermo pi\u00f9 piccola \u00e8 di 300 pixel (circa), quindi non vuoi che nessuno dei tuoi elementi HTML sia pi\u00f9 largo di quello.<\/p>\n<h3>Inserisci quanto segue all&#8217;interno del tag head<\/h3>\n<pre><code>&lt;meta name=viewport content=\"width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\"&gt;\n&lt;meta name=applicable-device content=\"pc,mobile\"&gt;<\/code><\/pre>\n<h3>Immagini\/tabelle sono i peggiori<\/h3>\n<p>Le tabelle sono peggiori per il design reattivo, quindi potrebbe essere necessario sostituirle con semplici elementi div. Le immagini devono essere specificate con il seguente stile di larghezza massima, ad es<\/p>\n<p>Questo \u00e8 tutto, niente cose complesse! Tieni presente che una pagina mobile user friendly non \u00e8 la stessa di <a href=\"https:\/\/wordpress.mediadoma.com\/it\/come-abilitare-amp-con-wordpress-tecniche-di-ottimizzazione-amp-con-wordpress\/\" title=\"AMP (Accelerated Mobile Pages)\">AMP (Accelerated Mobile Pages)<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/helloacm.com\" class=\"external external_icon\">helloacm.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Semplici passaggi rendono il sito web mobile friendly (design reattivo)?<\/p>\n","protected":false},"author":1,"featured_media":224482,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[896,907,720,844,865],"tags":[1168],"class_list":["post-232590","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-codice","category-css-6","category-sviluppatore","category-tutorial","category-wordpress-6","tag-affiai-it"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/232590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=232590"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/232590\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/224482"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=232590"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=232590"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=232590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}