{"id":4916,"date":"2021-11-11T14:00:42","date_gmt":"2021-11-11T07:00:42","guid":{"rendered":"https:\/\/webvocuc.com\/blog\/?p=4916"},"modified":"2021-11-09T10:10:14","modified_gmt":"2021-11-09T03:10:14","slug":"kich-thuoc-thiet-ke-website-chuan","status":"publish","type":"post","link":"https:\/\/webvocuc.com\/blog\/kich-thuoc-thiet-ke-website-chuan.html","title":{"rendered":"K\u00edch th\u01b0\u1edbc thi\u1ebft k\u1ebf Website chu\u1ea9n \u1ea3nh h\u01b0\u1edfng t\u1edbi SEO th\u1ebf n\u00e0o?"},"content":{"rendered":"<p><strong><a href=\"https:\/\/webvocuc.com\/blog\/?p=4916&amp;preview=true\" target=\"_blank\" rel=\"noopener\">K\u00edch th\u01b0\u1edbc thi\u1ebft k\u1ebf Website<\/a><\/strong> chu\u1ea9n \u1ea3nh h\u01b0\u1edfng t\u1edbi SEO nh\u01b0 th\u1ebf n\u00e0o? \u0110i\u1ec1u \u0111\u00f3 \u0111\u01b0\u1ee3c th\u1ec3 hi\u1ec7n qua s\u1ef1 h\u00e0i l\u00f2ng c\u1ee7a \u201cch\u1ee7 \u0111\u1ea5t\u201d <a href=\"https:\/\/www.google.com\/\" target=\"_blank\" rel=\"noopener nofollow\">Google<\/a>. T\u1eeb \u0111\u00f3 nh\u1eefng thi\u1ebft k\u1ebf cu\u1ed1n h\u00fat s\u1ebd h\u1ea5p d\u1eabn ng\u01b0\u1eddi d\u00f9ng m\u1ed9t c\u00e1ch t\u1ed1t nh\u1ea5t.<\/p>\n<h2 id=\"Nh\u1eefng_k\u00edch_th\u01b0\u1edbc_website_c\u1ea7n_bi\u1ebft\"><strong>Nh\u1eefng k\u00edch th\u01b0\u1edbc thi\u1ebft k\u1ebf website chu\u1ea9n c\u01a1 b\u1ea3n<\/strong><\/h2>\n<p>Khi <a href=\"https:\/\/webvocuc.com\/du-an\" target=\"_blank\" rel=\"noopener\">thi\u1ebft k\u1ebf website<\/a> b\u1ea1n c\u1ea7n l\u01b0u \u00fd m\u1ed9t s\u1ed1 k\u00edch th\u01b0\u1edbc d\u01b0\u1edbi \u0111\u00e2y:<\/p>\n<ul>\n<li><strong>Fixed layout (k\u00edch th\u01b0\u1edbc chu\u1ea9n)<\/strong>: k\u00edch th\u01b0\u1edbc c\u00f3 chi\u1ec1u r\u1ed9ng \u0111\u01b0\u1ee3c thi\u1ebft l\u1eadp theo 1 th\u00f4ng s\u1ed1 nh\u1ea5t \u0111\u1ecbnh n\u00e0o \u0111\u00f3. \u0110\u00e2y g\u1ecdi l\u00e0 k\u00edch th\u01b0\u1edbc c\u1ed1 \u0111\u1ecbnh.<\/li>\n<li><strong>Fluid\u00a0<\/strong><strong>layout (k\u00edch th\u01b0\u1edbc l\u01b0u \u0111\u1ed9ng)<\/strong>: k\u00edch th\u01b0\u1edbc n\u00e0y \u0111\u01b0\u1ee3c t\u00ednh theo t\u1ef7 l\u1ec7 %. Chi\u1ec1u r\u1ed9ng c\u1ee7a web c\u00f3 th\u1ec3 thay \u0111\u1ed5i sao cho ph\u00f9 h\u1ee3p v\u1edbi tr\u00ecnh duy\u1ec7t.<\/li>\n<li><strong>Elastic layout (k\u00edch th\u01b0\u1edbc co gi\u00e3n):<\/strong> l\u00e0 s\u1ef1 k\u1ebft h\u1ee3p k\u00edch th\u01b0\u1edbc c\u1ee7a 2 d\u1ea1ng \u1edf tr\u00ean.<\/li>\n<\/ul>\n<h3><strong>C\u00e1c \u0111\u01a1n v\u1ecb chu\u1ea9n trong k\u00edch th\u01b0\u1edbc thi\u1ebft k\u1ebf website<\/strong><\/h3>\n<p>C\u00e1c \u0111\u01a1n v\u1ecb trong k\u00edch th\u01b0\u1edbc website s\u1ebd bao g\u1ed3m:<\/p>\n<ul>\n<li><strong>Pt, pc, cm mm, in<\/strong>: \u0111\u00e2y l\u00e0 k\u00edch th\u01b0\u1edbc chu\u1ea9n, tuy\u1ec7t \u0111\u1ed1i nh\u1ea5t. Ch\u00fang kh\u00f4ng thay \u0111\u1ed5i khi b\u1ea1n thay \u0111\u1ed5i thi\u1ebft b\u1ecb truy c\u1eadp hi\u1ec3n th\u1ecb n\u00e0o. V\u00ed d\u1ee5 b\u1ea1n d\u00f9ng font ch\u1eef Arial 10pt th\u00ec tr\u00ean c\u00e1c thi\u1ebft b\u1ecb \u0111\u1ec1u hi\u1ec3n th\u1ecb font v\u00e0 c\u1ee1 ch\u1eef \u0111\u00fang nh\u01b0 v\u1eady.<\/li>\n<li><strong>Px (pixel)<\/strong>: \u0111\u00e2y l\u00e0 \u0111\u01a1n v\u1ecb t\u00ednh cho 1 \u0111i\u1ec3m tr\u00ean m\u00e0n h\u00ecnh (m\u00e0n h\u00ecnh th\u01b0\u1eddng c\u00f3 nhi\u1ec1u \u0111i\u1ec3m nh\u1ecf kh\u00e1c nhau). V\u00ed d\u1ee5 1 m\u00e0n h\u00ecnh c\u00f3 \u0111\u1ed9 ph\u00e2n gi\u1ea3i full HD v\u1edbi 1920 \u00d7 1080 pixel. Th\u00ec s\u1ebd l\u00e0 073.600 pixel chia \u0111\u1ec1u cho 1920 c\u1ed9t v\u00e0 c\u1ea3 1080 h\u00e0ng.<\/li>\n<li><strong>%, em, rem:<\/strong> % l\u00e0 \u0111\u01a1n v\u1ecb c\u1ee7a k\u00edch th\u01b0\u1edbc l\u01b0u \u0111\u1ed9ng. V\u00ed d\u1ee5 h\u00ecnh \u1ea3nh \u0111\u01b0\u1ee3c g\u00e1n width l\u00e0 50% th\u00ec s\u1ebd c\u00f3 \u0111\u1ed9 r\u1ed9ng b\u1eb1ng 50% m\u00e0n h\u00ecnh hi\u1ec3n th\u1ecb. \u201cEm\u201d l\u00e0 \u0111\u01a1n v\u1ecb gi\u1ed1ng % v\u00e0 s\u1eed d\u1ee5ng cho font ch\u1eef c\u00f2n \u201crem\u201d s\u1eed d\u1ee5ng cho font-size c\u1ee7a html.<\/li>\n<\/ul>\n<h2 id=\"K\u00edch_th\u01b0\u1edbc_website_chu\u1ea9n_(fixed_layout)\"><strong>K\u00edch th\u01b0\u1edbc website chu\u1ea9n (fixed layout)<\/strong><\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5090 size-full aligncenter\" src=\"https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2021\/11\/kich-thuoc-banner-web.jpg\" alt=\"kich-thuoc-thiet-ke-website-chuan\" width=\"650\" height=\"350\" title=\"\" srcset=\"https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2021\/11\/kich-thuoc-banner-web.jpg 650w, https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2021\/11\/kich-thuoc-banner-web-300x162.jpg 300w, https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2021\/11\/kich-thuoc-banner-web-648x350.jpg 648w, https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2021\/11\/kich-thuoc-banner-web-525x283.jpg 525w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/p>\n<p>K\u00edch th\u01b0\u1edbc website chu\u1ea9n hay c\u00f2n g\u1ecdi l\u00e0 k\u00edch th\u01b0\u1edbc \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf c\u1ed1 \u0111\u1ecbnh chi\u1ec1u r\u1ed9ng c\u1ee7a web. Chi\u1ec1u r\u1ed9ng c\u1ee7a web th\u01b0\u1eddng s\u1ebd l\u00e0 800px, 1000px, 960px ho\u1eb7c 1260px.<\/p>\n<p>K\u00edch th\u01b0\u1edbc c\u1ed1 \u0111\u1ecbnh c\u1ee7a website th\u01b0\u1eddng \u0111\u01b0\u1ee3c Designer thi\u1ebft k\u1ebf s\u1ebd l\u00e0 960px. K\u00edch th\u01b0\u1edbc n\u00e0y ph\u00f9 h\u1ee3p hi\u1ec3n th\u1ecb tr\u00ean m\u00e0n h\u00ecnh c\u00f3 \u0111\u1ed9 ph\u00e2n gi\u1ea3i 1024 ho\u1eb7c l\u1edbn h\u01a1n n\u1eefa.<\/p>\n<p>K\u00edch th\u01b0\u1edbc n\u00e0y \u0111\u01b0\u1ee3c \u00e1p d\u1ee5ng 80% cho c\u00e1c web so v\u1edbi k\u00edch th\u01b0\u1edbc l\u01b0u \u0111\u1ed9ng. Fixed Layout gi\u00fap b\u1ea1n \u0111\u1ea3m b\u1ea3o \u0111\u01b0\u1ee3c s\u1ef1 nh\u1ea5t qu\u00e1n c\u1ee7a \u0111\u1ed9 ph\u00e2n gi\u1ea3i v\u00e0 ki\u1ec3m so\u00e1t \u0111\u01b0\u1ee3c nhi\u1ec1u y\u1ebfu t\u1ed1 hi\u1ec3n th\u1ecb kh\u00e1c m\u00e0 kh\u00f4ng g\u00e2y x\u00e1o tr\u1ed9n \u0111\u1ebfn code c\u1ee7a web.<\/p>\n<p><strong>\u01afu \u0111i\u1ec3m:<\/strong><\/p>\n<ul>\n<li>Thi\u1ebft k\u1ebf v\u00e0 tri\u1ec3n khai web d\u1ec5 d\u00e0ng h\u01a1n nhi\u1ec1u<\/li>\n<li>H\u1ed7 tr\u1ee3 hi\u1ec3n th\u1ecb tr\u00ean nhi\u1ec1u c\u00e1c thi\u1ebft b\u1ecb kh\u00e1c nhau<\/li>\n<li>Cho kh\u1ea3 n\u0103ng \u0111\u1ecdc t\u1ed1t \u0111\u1ed1i v\u1edbi c\u00e1c thi\u1ebft b\u1ecb c\u00f3 \u0111\u1ed9 ph\u00e2n gi\u1ea3i cao<\/li>\n<li>C\u00e1c y\u1ebfu t\u1ed1 HTML c\u00f3 chi\u1ec1u r\u1ed9ng c\u1ed1 \u0111\u1ecbnh n\u00ean tri\u1ec3n khai nhanh ch\u00f3ng, \u0111\u01a1n gi\u1ea3n.<\/li>\n<\/ul>\n<p><strong>Nh\u01b0\u1ee3c \u0111i\u1ec3m:<\/strong><\/p>\n<ul>\n<li>T\u1ea1o ra kho\u1ea3ng tr\u1ed1ng l\u1edbn 2 b\u00ean n\u1ebfu \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb \u1edf m\u00e0n h\u00ecnh c\u00f3 \u0111\u1ed9 ph\u00e2n gi\u1ea3i l\u1edbn g\u00e2y m\u1ea5t th\u1ea9m m\u1ef9<\/li>\n<li>N\u1ebfu k\u00edch th\u01b0\u1edbc Width cao h\u01a1n so v\u1edbi \u0111\u1ed9 ph\u00e2n gi\u1ea3i th\u00ec s\u1ebd t\u1ea1o th\u00e0nh 1 thanh cu\u1ed9n ngang.<\/li>\n<\/ul>\n<h2 id=\"K\u00edch_th\u01b0\u1edbc_website_l\u01b0u_\u0111\u1ed9ng_(Fluid_layout)\"><strong>K\u00edch th\u01b0\u1edbc website l\u01b0u \u0111\u1ed9ng (Fluid layout)<\/strong><\/h2>\n<p><em><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5089 size-full aligncenter\" src=\"https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2021\/11\/Kich-thuoc-banner-chuan-co-the-hien-thi-day-du-tren-moi-thiet-bi.png\" alt=\"kich-thuoc-thiet-ke-website-chuan\" width=\"1130\" height=\"570\" title=\"\" srcset=\"https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2021\/11\/Kich-thuoc-banner-chuan-co-the-hien-thi-day-du-tren-moi-thiet-bi.png 1130w, https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2021\/11\/Kich-thuoc-banner-chuan-co-the-hien-thi-day-du-tren-moi-thiet-bi-300x151.png 300w, https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2021\/11\/Kich-thuoc-banner-chuan-co-the-hien-thi-day-du-tren-moi-thiet-bi-1024x517.png 1024w, https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2021\/11\/Kich-thuoc-banner-chuan-co-the-hien-thi-day-du-tren-moi-thiet-bi-768x387.png 768w, https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2021\/11\/Kich-thuoc-banner-chuan-co-the-hien-thi-day-du-tren-moi-thiet-bi-525x265.png 525w, https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2021\/11\/Kich-thuoc-banner-chuan-co-the-hien-thi-day-du-tren-moi-thiet-bi-1050x530.png 1050w\" sizes=\"auto, (max-width: 1130px) 100vw, 1130px\" \/><\/em><\/p>\n<p>K\u00edch th\u01b0\u1edbc website l\u01b0u \u0111\u1ed9ng s\u1ebd \u0111\u01b0\u1ee3c t\u00ednh theo \u0111\u01a1n v\u1ecb %. \u0110i\u1ec1u n\u00e0y s\u1ebd gi\u00fap cho website c\u1ee7a b\u1ea1n d\u00f9 hi\u1ec3n th\u1ecb tr\u00ean thi\u1ebft b\u1ecb n\u00e0o \u0111i n\u1eefa c\u0169ng c\u00f3 th\u1ec3 cho ra \u0111\u01b0\u1ee3c t\u1ef7 l\u1ec7 k\u00edch th\u01b0\u1edbc ph\u00f9 h\u1ee3p nh\u1ea5t.<\/p>\n<p>Fluid layout th\u01b0\u1eddng s\u1eed d\u1ee5ng % cho c\u00e1c th\u00e0nh ph\u1ea7n HTM n\u00ean h\u1ea1n ch\u1ebf s\u1eed d\u1ee5ng pixel. V\u00ec th\u1ebf c\u00e1c layout c\u00f3 th\u1ec3 thay \u0111\u1ed5i theo c\u00e1c ch\u1ebf \u0111\u1ed9 ph\u00e2n gi\u1ea3i kh\u00e1c nhau c\u1ee7a m\u00e0n h\u00ecnh.<\/p>\n<p><strong>\u01afu \u0111i\u1ec3m:<\/strong><\/p>\n<ul>\n<li>T\u0103ng \u0111i\u1ec3m UX, UI c\u1ee7a website, lu\u00f4n th\u00e2n thi\u1ec7n v\u1edbi ng\u01b0\u1eddi d\u00f9ng<\/li>\n<li>Kh\u00f4ng c\u00f3 kho\u1ea3ng tr\u1eafng \u1edf 2 b\u00ean v\u00e0 kh\u00f4ng c\u00f3 thanh cu\u1ed9n ngang.<\/li>\n<\/ul>\n<h2 id=\"C\u00e1c_k\u00edch_th\u01b0\u1edbc_kh\u00e1c_\"><strong>C\u00e1c k\u00edch th\u01b0\u1edbc thi\u1ebft k\u1ebf website kh\u00e1c<\/strong><\/h2>\n<p>D\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t s\u1ed1 c\u00e1c k\u00edch th\u01b0\u1edbc kh\u00e1c c\u1ee7a website m\u00e0 b\u1ea1n c\u00f3 th\u1ec3 tham kh\u1ea3o \u0111\u1ec3 d\u00f9ng th\u1eed:<\/p>\n<h3 id=\"K\u00edch_th\u01b0\u1edbc_c\u1ee7a_\u1ea3nh_Slide_\u1edf_trang_ch\u1ee7\"><strong>K\u00edch th\u01b0\u1edbc\u00a0<\/strong><strong>c\u1ee7a \u1ea3nh Slide tr\u00ean trang ch\u1ee7<\/strong><\/h3>\n<p>K\u00edch th\u01b0\u1edbc h\u00ecnh \u1ea3nh Slider website \u0111\u01b0\u1ee3c \u0111\u1ec3 theo t\u1ef7 l\u1ec7 v\u00e0ng th\u01b0\u1eddng l\u00e0 1360 x 540 pixel.<\/p>\n<h3 id=\"K\u00edch_th\u01b0\u1edbc_h\u00ecnh_\u1ea3nh_trong_b\u00e0i_vi\u1ebft\"><strong>K\u00edch th\u01b0\u1edbc h\u00ecnh \u1ea3nh \u1edf trong b\u00e0i vi\u1ebft<\/strong><\/h3>\n<p>\u0110\u1ed1i v\u1edbi h\u00ecnh \u1ea3nh b\u00ean trong b\u00e0i vi\u1ebft:<\/p>\n<ul>\n<li>H\u00ecnh \u0111\u1ea1i di\u1ec7n b\u00ean ngo\u00e0i s\u1ebd l\u00e0 300&#215;188 pixel<\/li>\n<li>H\u00ecnh \u1ea3nh minh h\u1ecda b\u00ean trong b\u00e0i vi\u1ebft 600&#215;375 pixel<\/li>\n<\/ul>\n<h3 id=\"K\u00edch_th\u01b0\u1edbc_h\u00ecnh_\u1ea3nh_trong_s\u1ea3n_ph\u1ea9m_\"><strong>K\u00edch th\u01b0\u1edbc h\u00ecnh \u1ea3nh b\u00ean trong s\u1ea3n ph\u1ea9m<\/strong><\/h3>\n<p>\u0110\u1ed1i v\u1edbi h\u00ecnh \u1ea3nh minh h\u1ecda c\u1ee7a s\u1ea3n ph\u1ea9m th\u00ec k\u00edch th\u01b0\u1edbc n\u00ean \u0111\u1ec3 l\u00e0 300&#215;400 pixel c\u00f2n \u0111\u1ed1i v\u1edbi h\u00ecnh \u1ea3nh chi ti\u1ebft c\u1ee7a s\u1ea3n ph\u1ea9m th\u00ec n\u00ean \u0111\u1ec3 600&#215;800 pixel.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>K\u00edch th\u01b0\u1edbc thi\u1ebft k\u1ebf Website chu\u1ea9n \u1ea3nh h\u01b0\u1edfng t\u1edbi SEO nh\u01b0 th\u1ebf n\u00e0o? \u0110i\u1ec1u \u0111\u00f3 \u0111\u01b0\u1ee3c th\u1ec3 hi\u1ec7n qua s\u1ef1 h\u00e0i l\u00f2ng c\u1ee7a \u201cch\u1ee7 \u0111\u1ea5t\u201d Google. T\u1eeb \u0111\u00f3 nh\u1eefng thi\u1ebft k\u1ebf cu\u1ed1n h\u00fat s\u1ebd h\u1ea5p d\u1eabn ng\u01b0\u1eddi d\u00f9ng m\u1ed9t c\u00e1ch t\u1ed1t nh\u1ea5t. Nh\u1eefng k\u00edch th\u01b0\u1edbc thi\u1ebft k\u1ebf website chu\u1ea9n c\u01a1 b\u1ea3n Khi thi\u1ebft k\u1ebf website [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":5089,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8],"tags":[395,362],"class_list":["post-4916","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-thiet-ke-website","tag-kich-thuoc-thiet-ke-website-chuan","tag-thiet-ke-web"],"jetpack_featured_media_url":"https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2021\/11\/Kich-thuoc-banner-chuan-co-the-hien-thi-day-du-tren-moi-thiet-bi.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/posts\/4916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/comments?post=4916"}],"version-history":[{"count":7,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/posts\/4916\/revisions"}],"predecessor-version":[{"id":5132,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/posts\/4916\/revisions\/5132"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/media\/5089"}],"wp:attachment":[{"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/media?parent=4916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/categories?post=4916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/tags?post=4916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}