{"id":1797,"date":"2017-03-22T10:29:27","date_gmt":"2017-03-22T10:29:27","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=1797"},"modified":"2023-06-08T09:21:37","modified_gmt":"2023-06-08T12:21:37","slug":"dicas-de-como-fazer-um-site-responsivo","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/","title":{"rendered":"Dicas de como fazer um site responsivo"},"content":{"rendered":"<p>Aqui na Homehost n\u00f3s nos preocupamos com v\u00e1rios pontos de performance do seu site. Prova disso foi criar um artigo inteiramente dedicado para os 8 erros que voc\u00ea nunca deve cometer ao criar um site. Dentre todos os erros, um dos mais graves \u00e9 n\u00e3o fazer um site responsivo. Portanto, aprenda hoje como e quais s\u00e3o as nossas dicas para voc\u00ea arrasar neste quesito.<\/p>\n<h2>O que \u00e9 um site responsivo?<\/h2>\n<p>Segundo v\u00e1rios estudos realizados nos \u00faltimos anos, a cada dia que passa mais pessoas acessam sites via conex\u00f5es m\u00f3veis no Brasil e no mundo. Sendo que estes n\u00fameros s\u00f3 crescem, pois v\u00e1rias tecnologias est\u00e3o cada vez mais acess\u00edveis, como por exemplo smartphones populares custando bem pouco, maior cobertura de sinal 3G das operadoras, al\u00e9m da populariza\u00e7\u00e3o da banda larga.<\/p>\n<p>Mas afinal, o que tudo isso tem a ver com o seu site? Simples, o seu site precisa ser responsivo para contemplar todos os p\u00fablicos, principalmente quem acessa via smartphones.<\/p>\n<p>Um site responsivo tem o seu layout e conte\u00fados adaptado para m\u00faltiplas telas, sejam elas em PC, notebook, celular, tablet, etc. Com esse efeito o conte\u00fado muda de posi\u00e7\u00e3o, tamanho, cor e o que mais voc\u00ea precisar, tudo isso para maximizar a experi\u00eancia de navega\u00e7\u00e3o do usu\u00e1rio.<\/p>\n<p>Mas como voc\u00ea pode fazer tudo isso? Confira a seguir!<\/p>\n<h2>Como fazer um site responsivo?<\/h2>\n<p>Entenda que, seu site \u00e9 composto por colunas e, quanto maior a tela mais colunas ele pode conter. Portanto, quanto menor a tela, voc\u00ea precisa criar layouts com menos colunas, facilitando a constru\u00e7\u00e3o mobile.<\/p>\n<p>Resuma tamb\u00e9m os conte\u00fados e contemple apenas o que for extremamente essencial. Por exemplo, sua hist\u00f3ria completa e uma linha do tempo da empresa \u00e9 muito legal, mas para dispositivos menores voc\u00ea pode criar uma vers\u00e3o pocket de tudo isso.<\/p>\n<p>Repense o uso de imagens e v\u00eddeos, pois um site responsivo deve ser sucinto, direto, leve e f\u00e1cil de carregar!<\/p>\n<p>Pense tamb\u00e9m em uma navega\u00e7\u00e3o confort\u00e1vel, com fontes n\u00e3o muito pequenas e nem muito grandes. Al\u00e9m disso, os bot\u00f5es devem ser bem localizados e vis\u00edveis, pois pontos de intera\u00e7\u00e3o escondidos podem ser bem chatos de operar via mobile.<\/p>\n<h3>Vantagens de fazer um site responsivo<\/h2>\n<p>&#8211; Melhora experi\u00eancia do usu\u00e1rio;<br \/>\n&#8211; Otimiza marketing e SEO;<br \/>\n&#8211; Permite melhor posicionamento no Google;<br \/>\n&#8211; Atrai mais pessoas;<br \/>\n&#8211; Agrada todos os p\u00fablicos.<\/p>\n<p>Entendeu a import\u00e2ncia e como voc\u00ea pode fazer um site responsivo? Agora que voc\u00ea j\u00e1 sabe todos os detalhes desta sacada conte com a Homehost para criar, hospedar e registrar o seu site!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aqui na Homehost n\u00f3s nos preocupamos com v\u00e1rios pontos de performance do seu site. Prova disso foi criar um artigo inteiramente dedicado para os 8 erros que voc\u00ea nunca deve cometer ao criar um site. Dentre todos os erros, um dos mais graves \u00e9 n\u00e3o fazer um site responsivo. Portanto, aprenda hoje como e quais [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1807,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-1797","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-criar-sites"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Veja algumas dicas de como fazer um site responsivo<\/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:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Veja algumas dicas de como fazer um site responsivo\" \/>\n<meta property=\"og:description\" content=\"Aqui na Homehost n\u00f3s nos preocupamos com v\u00e1rios pontos de performance do seu site. Prova disso foi criar um artigo inteiramente dedicado para os 8 erros que voc\u00ea nunca deve cometer ao criar um site. Dentre todos os erros, um dos mais graves \u00e9 n\u00e3o fazer um site responsivo. Portanto, aprenda hoje como e quais [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/\" \/>\n<meta property=\"og:site_name\" content=\"Homehost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Homehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-22T10:29:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-08T12:21:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2017\/03\/Dicas_de_como_fazer_um_site_responsivo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"346\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Gustavo Gallas\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Homehost\" \/>\n<meta name=\"twitter:site\" content=\"@Homehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gustavo Gallas\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/\",\"name\":\"Veja algumas dicas de como fazer um site responsivo\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2017\/03\/Dicas_de_como_fazer_um_site_responsivo.jpg\",\"datePublished\":\"2017-03-22T10:29:27+00:00\",\"dateModified\":\"2023-06-08T12:21:37+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/#primaryimage\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2017\/03\/Dicas_de_como_fazer_um_site_responsivo.jpg\",\"contentUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2017\/03\/Dicas_de_como_fazer_um_site_responsivo.jpg\",\"width\":600,\"height\":346},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dicas de como fazer um site responsivo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/\",\"name\":\"Homehost\",\"description\":\"Hospedagem De Sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4\",\"name\":\"Gustavo Gallas\",\"description\":\"Analista de sistemas, formado pela PUC-Rio. Programador, gestor de redes e diretor da empresa Homehost. Pai do B\u00f3ris, seu pet de estima\u00e7\u00e3o. Gosta de rock'n'roll, cerveja artesanal e de escrever sobre assuntos t\u00e9cnicos. Contato: gustavo.blog@homehost.com.br\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Veja algumas dicas de como fazer um site responsivo","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.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/","og_locale":"pt_BR","og_type":"article","og_title":"Veja algumas dicas de como fazer um site responsivo","og_description":"Aqui na Homehost n\u00f3s nos preocupamos com v\u00e1rios pontos de performance do seu site. Prova disso foi criar um artigo inteiramente dedicado para os 8 erros que voc\u00ea nunca deve cometer ao criar um site. Dentre todos os erros, um dos mais graves \u00e9 n\u00e3o fazer um site responsivo. Portanto, aprenda hoje como e quais [&hellip;]","og_url":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2017-03-22T10:29:27+00:00","article_modified_time":"2023-06-08T12:21:37+00:00","og_image":[{"width":600,"height":346,"url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2017\/03\/Dicas_de_como_fazer_um_site_responsivo.jpg","type":"image\/jpeg"}],"author":"Gustavo Gallas","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Gustavo Gallas","Est. tempo de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/","url":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/","name":"Veja algumas dicas de como fazer um site responsivo","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2017\/03\/Dicas_de_como_fazer_um_site_responsivo.jpg","datePublished":"2017-03-22T10:29:27+00:00","dateModified":"2023-06-08T12:21:37+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4"},"breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/#primaryimage","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2017\/03\/Dicas_de_como_fazer_um_site_responsivo.jpg","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2017\/03\/Dicas_de_como_fazer_um_site_responsivo.jpg","width":600,"height":346},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/criar-sites\/dicas-de-como-fazer-um-site-responsivo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Dicas de como fazer um site responsivo"}]},{"@type":"WebSite","@id":"https:\/\/www.homehost.com.br\/blog\/#website","url":"https:\/\/www.homehost.com.br\/blog\/","name":"Homehost","description":"Hospedagem De Sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/df8002f43fc55e7f4e132abb2a6ddbc4","name":"Gustavo Gallas","description":"Analista de sistemas, formado pela PUC-Rio. Programador, gestor de redes e diretor da empresa Homehost. Pai do B\u00f3ris, seu pet de estima\u00e7\u00e3o. Gosta de rock'n'roll, cerveja artesanal e de escrever sobre assuntos t\u00e9cnicos. Contato: gustavo.blog@homehost.com.br"}]}},"modified_by":"Gustavo Gallas","jetpack_featured_media_url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2017\/03\/Dicas_de_como_fazer_um_site_responsivo.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/1797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=1797"}],"version-history":[{"count":1,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/1797\/revisions"}],"predecessor-version":[{"id":1799,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/1797\/revisions\/1799"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media\/1807"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=1797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=1797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=1797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}