{"id":3782,"date":"2021-07-27T10:43:20","date_gmt":"2021-07-27T03:43:20","guid":{"rendered":"https:\/\/webvocuc.com\/blog\/?p=3782"},"modified":"2021-08-18T20:11:21","modified_gmt":"2021-08-18T13:11:21","slug":"thiet-ke-website-theo-bo-cuc-goc-nhin","status":"publish","type":"post","link":"https:\/\/webvocuc.com\/blog\/thiet-ke-website-theo-bo-cuc-goc-nhin.html","title":{"rendered":"Thi\u1ebft k\u1ebf website theo b\u1ed1 c\u1ee5c g\u00f3c nh\u00ecn c\u1ee7a ng\u01b0\u1eddi \u0111\u1ecdc"},"content":{"rendered":"

Thi\u1ebft k\u1ebf website<\/a> theo b\u1ed1 c\u1ee5c g\u00f3c nh\u00ecn c\u1ee7a ng\u01b0\u1eddi \u0111\u1ecdc theo b\u1ed1 c\u1ee5c ch\u1eef F<\/a>.<\/p>\n

Tr\u00ean th\u1ef1c t\u1ebf hi\u1ec7n t\u1ea1i, r\u1ea5t nhi\u1ec1u website, blog v\u00e0 landing page \u0111\u1ec1u \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf theo b\u1ed1 c\u1ee5c h\u00ecnh ch\u1eef F n\u00e0y. H\u00e3y tham kh\u1ea3o b\u00e0i vi\u1ebft c\u1ee7a webvocuc<\/a> \u0111\u1ec3 hi\u1ec3u r\u00f5 h\u01a1n nh\u00e9.<\/p>\n

T\u1ea1i sao l\u1ea1i thi\u1ebft k\u1ebf website theo b\u1ed1 c\u1ee5c g\u00f3c nh\u00ecn c\u1ee7a ng\u01b0\u1eddi \u0111\u1ecdc l\u00e0 b\u1ed1 c\u1ee5c ch\u1eef F?<\/strong><\/h2>\n

B\u1ed1 c\u1ee5c h\u00ecnh ch\u1eef F l\u00e0 ki\u1ec3u thi\u1ebft k\u1ebf c\u00e1c kh\u1ed1i n\u1ed9i dung tr\u00ean web theo \u0111\u00fang \u0111i\u1ec3m nh\u00ecn \u0111\u1eb7c tr\u01b0ng c\u1ee7a \u0111a s\u1ed1 m\u1ecdi ng\u01b0\u1eddi th\u01b0\u1eddng gh\u00e9 th\u0103m c\u00e1c site.<\/p>\n

Ng\u01b0\u1eddi d\u00f9ng th\u01b0\u1eddng nh\u00ecn v\u00e0 k\u00e9o chu\u1ed9t v\u00e0o nhi\u1ec1u nh\u1ea5t (m\u00e0u \u0111\u1ecf v\u00e0 v\u00e0ng) \u0111\u1ec1u n\u1eb1m \u1edf g\u00f3c tr\u00ean c\u00f9ng v\u00e0 b\u00ean tr\u00e1i, t\u01b0\u01a1ng t\u1ef1 nh\u01b0 h\u00ecnh m\u1ed9t ch\u1eef F.<\/p>\n

\"Thi\u1ebft<\/p>\n

Ch\u1eef F bi\u1ec3u th\u1ecb nh\u1eefng khu v\u1ef1c m\u00e0 ng\u01b0\u1eddi truy c\u1eadp th\u01b0\u1eddng d\u1ed3n h\u1ebft s\u1ef1 ch\u00fa \u00fd c\u1ee7a h\u1ecd v\u00e0o, c\u1ee5 th\u1ec3 l\u00e0 t\u1eeb tr\u00e1i qua ph\u1ea3i, t\u1eeb ph\u1ea7n tr\u00ean c\u00f9ng m\u00e0n h\u00ecnh xu\u1ed1ng d\u1ea7n ph\u00eda d\u01b0\u1edbi.<\/p>\n

\u0110\u1ea7u ti\u00ean, h\u1ecd s\u1ebd nh\u00ecn r\u1ed9ng ph\u1ea7n top c\u1ee7a trang. Sau \u0111\u00f3 l\u00e0 k\u00e9o d\u1ea7n xu\u1ed1ng ph\u00eda d\u01b0\u1edbi, c\u1ed9t b\u00ean tr\u00e1i, t\u00ecm ki\u1ebfm c\u00e1c t\u1eeb kh\u00f3a ho\u1eb7c nh\u1eefng ch\u1ee7 \u0111\u1ec1 y\u00eau th\u00edch trong c\u00e1c \u0111\u1ea7u m\u1ee5c hi\u1ec7n ra. Khi \u0111\u1ed9c gi\u1ea3 nh\u00ecn th\u1ea5y th\u1ee9 m\u00e0 m\u00ecnh quan t\u00e2m, h\u1ecd b\u1eaft \u0111\u1ea7u \u0111\u1ecdc ch\u00fang t\u1eeb t\u1eeb v\u00e0 h\u00ecnh th\u00e0nh \u0111i\u1ec3m nh\u00ecn theo c\u1ed9t d\u1ecdc.<\/p>\n

Thi\u1ebft k\u1ebf website theo b\u1ed1 c\u1ee5c g\u00f3c nh\u00ecn c\u1ee7a ng\u01b0\u1eddi \u0111\u1ecdc<\/strong><\/h2>\n

Nh\u00ecn v\u00e0o s\u01a1 \u0111\u1ed3, r\u00f5 r\u00e0ng c\u00f3 th\u1ec3 th\u1ea5y l\u00e0 b\u1ea1n n\u00ean \u0111\u1eb7t nh\u1eefng n\u1ed9i dung c\u1ea7n ch\u00fa \u00fd nh\u1ea5t l\u00ean \u0111\u1ea7u trang. C\u00f9ng v\u1edbi m\u1ed9t bi\u1ec3u t\u01b0\u1ee3ng c\u1ed1 \u0111\u1ecbnh \u0111\u01b0\u1ee3c \u0111\u1eb7t \u1edf g\u00f3c tr\u00e1i tr\u00ean c\u00f9ng (\u0111i\u1ec3m s\u1ed1 1) – \u0111i\u1ec3m duy nh\u1ea5t m\u00e0 \u0111\u1ea3m b\u1ea3o ng\u01b0\u1eddi \u0111\u1ecdc ph\u1ea3i nh\u00ecn th\u1ea5y. \u0110\u00e2y c\u0169ng ch\u00ednh l\u00e0 l\u00fd do m\u00e0 logo trang th\u01b0\u1eddng \u0111\u01b0\u1ee3c \u0111\u1eb7t \u1edf g\u00f3c n\u00e0y gi\u00fap ng\u01b0\u1eddi \u0111\u1ecdc nh\u1eadn di\u1ec7n th\u01b0\u01a1ng hi\u1ec7u t\u1ed1t h\u01a1n.<\/p>\n

Th\u01b0\u1eddng th\u00ec c\u00e1c nh\u00e0 thi\u1ebft k\u1ebf web<\/a> s\u1ebd \u0111\u1eb7t thanh \u0111i\u1ec1u h\u01b0\u1edbng (navigation bar) \u1edf ph\u1ea7n \u0111\u1ea7u trang nh\u1ea5t, k\u00e9o d\u00e0i xuy\u00ean su\u1ed1t t\u1eeb tr\u00e1i sang \u0111\u1ebfn g\u00f3c ph\u1ea3i tr\u00ean c\u00f9ng (\u0111i\u1ec3m s\u1ed1 2). \u0110i\u1ec1u n\u00e0y s\u1ebd gi\u00fap ng\u01b0\u1eddi d\u00f9ng d\u1ec5 d\u00e0ng t\u00ecm c\u00e1c t\u1eeb kh\u00f3a ch\u00ednh c\u1ee7a trang.<\/p>\n

\"Thi\u1ebft<\/p>\n

C\u00e1c nh\u00e0 thi\u1ebft k\u1ebf c\u00f3 th\u1ec3 t\u00f9y \u00fd l\u1ef1a ch\u1ecdn \u0111\u1ed9 d\u00e0y m\u1ecfng kh\u00e1c nhau, trong su\u1ed1t hay m\u00e0u s\u1eafc c\u1ee7a thanh n\u00e0y. Ch\u1eb3ng h\u1ea1n m\u1ed9t thanh \u0111i\u1ec1u h\u01b0\u1edbng m\u1ecfng s\u1ebd k\u00edch th\u00edch ng\u01b0\u1eddi d\u00f9ng \u0111\u1ecdc trang nhi\u1ec1u h\u01a1n, trong khi m\u1ed9t thanh d\u00e0y s\u1ebd \u0111\u01b0\u1ee3c t\u1eadn d\u1ee5ng \u0111\u1ec3 qu\u1ea3ng b\u00e1 n\u1ed9i dung c\u00e1c m\u1ee5c l\u1edbn \u0111\u1ec3 n\u1ed9i dung \u0111\u01b0\u1ee3c ch\u00fa tr\u1ecdng.<\/p>\n

Sau ph\u1ea7n \u0111\u1ea7u trang \u0111\u00f3, ng\u01b0\u1eddi d\u00f9ng s\u1ebd k\u00e9o xu\u1ed1ng d\u01b0\u1edbi \u0111\u1ec3 xem \u0111\u1ebfn \u0111i\u1ec3m s\u1ed1 3 v\u00e0 c\u1ee9 th\u1ebf l\u1eb7p l\u1ea1i quy tr\u00ecnh nh\u01b0 v\u1eady (\u0111i\u1ec3m th\u1ee9 4). V\u1ec1 m\u1eb7t l\u00fd thuy\u1ebft, \u0111\u1ed9c gi\u1ea3 s\u1ebd k\u00e9o xu\u1ed1ng cho \u0111\u1ebfn khi h\u1ecd t\u00ecm th\u1ea5y nh\u1eefng th\u1ee9 h\u1ea5p d\u1eabn \u0111\u1ec3 \u0111\u1ecdc h\u01a1n. Nh\u01b0ng tr\u00ean th\u1ef1c t\u1ebf, th\u00ec nhi\u1ec1u ng\u01b0\u1eddi l\u1ea1i r\u1eddi trang ch\u1ec9 sau v\u00e0i gi\u00e2y l\u01b0\u1edbt \u0111\u1ecdc – tr\u1eeb khi b\u1ea1n bi\u1ebft c\u00e1ch n\u00edu gi\u1eef s\u1ef1 ch\u00fa \u00fd c\u1ee7a h\u1ecd h\u01a1n.<\/p>\n

\u0110i\u1ec1u \u0111\u00e1ng ch\u00fa \u00fd n\u1eefa l\u00e0 ph\u1ea7n d\u01b0\u1edbi (g\u00f3c tay ph\u1ea3i) m\u1ed7i h\u00e0ng d\u00e0i xen gi\u1eefa d\u00f2ng ch\u1ea3y tin (\u0111i\u1ec3m s\u1ed1 2 v\u00e0 4) ch\u00ednh l\u00e0 n\u01a1i t\u1ed1t nh\u1ea5t \u0111\u1ec3 \u0111\u1eb7t m\u1ed9t banner<\/strong> qu\u1ea3ng c\u00e1o. Ho\u1eb7c c\u00f3 th\u1ec3 \u0111\u1eb7t c\u00e1c n\u00fat k\u00eau g\u1ecdi h\u00e0nh \u0111\u1ed9ng (v\u00ed d\u1ee5 nh\u01b0 Subscribe\/Mua ngay!). \u0110\u00e2y c\u0169ng ch\u00ednh l\u00e0 l\u00fd do b\u1ea1n s\u1ebd th\u1ea5y tr\u00ean nhi\u1ec1u blog, t\u00e1c gi\u1ea3 th\u01b0\u1eddng \u0111\u1eb7t ngay d\u01b0\u1edbi c\u00e1c v\u1ecb tr\u00ed n\u00e0y nh\u1eefng n\u00fat ki\u1ec3u “eBook m\u1edbi s\u1eafp ra m\u1eaft \u0111\u00e2y!”.<\/p>\n

\"Thi\u1ebft<\/p>\n

L\u01b0u \u00fd khi thi\u1ebft k\u1ebf website<\/a> theo b\u1ed1 c\u1ee5c g\u00f3c nh\u00ecn c\u1ee7a ng\u01b0\u1eddi \u0111\u1ecdc<\/strong><\/h3>\n

Chuy\u00ean gia Jakob Nielson c\u1ee7a h\u00e3ng Nielsen Norman Group \u0111\u00e3 th\u1ef1c hi\u1ec7n m\u1ed9t nghi\u00ean c\u1ee9u d\u1ef1a tr\u00ean 232 ng\u01b0\u1eddi d\u00f9ng khi \u0111\u1ecdc h\u00e0ng ng\u00e0n website. V\u00e0 ch\u1ec9 \u0111\u1ec3 ch\u1ec9 ra nh\u1eefng \u0111i\u1ec3m \u0111\u00e1ng ch\u00fa \u00fd suy ra t\u1eeb b\u1ed1 c\u1ee5c trang h\u00ecnh ch\u1eef F nh\u01b0 sau:<\/p>\n

    \n
  • \u00a0Ng\u01b0\u1eddi truy c\u1eadp \u00edt khi \u0111\u1ecdc \u0111\u1ea7y \u0111\u1ee7 t\u1eebng ch\u1eef m\u1ed9t m\u00e0 b\u1ea1n vi\u1ebft (tr\u00ean th\u1ef1c t\u1ebf, h\u1ecd th\u01b0\u1eddng ch\u1ec9 \u0111\u1ecdc kho\u1ea3ng 20% s\u1ed1 c\u00e2u t\u1eeb ch\u00ednh \u0111\u01b0\u1ee3c vi\u1ebft ra).<\/li>\n
  • Hai kh\u1ed1i n\u1ed9i dung \u0111\u1ea7u ti\u00ean l\u00e0 ph\u1ea7n n\u1ed9i dung quan tr\u1ecdng nh\u1ea5t v\u00e0 n\u00ean ch\u1ee9a nh\u1eefng th\u00f4ng tin h\u1ea5p d\u1eabn, c\u1ea7n thi\u1ebft nh\u1ea5t.<\/li>\n
  • \u00a0M\u1ed7i \u0111o\u1ea1n v\u0103n ch\u1ec9 n\u00ean tr\u00ecnh b\u00e0y m\u1ed9t \u00fd ch\u00ednh, n\u00ean s\u1eed d\u1ee5ng g\u1ea1ch \u0111\u1ea7u d\u00f2ng n\u1ebfu c\u1ea3m th\u1ea5y c\u1ea7n.<\/li>\n
  • H\u00e3y kh\u1edfi \u0111\u1ea7u c\u00e1c \u0111o\u1ea1n v\u0103n ho\u1eb7c m\u1ee5c m\u1edbi b\u1eb1ng nh\u1eefng c\u1ee5m t\u1eeb l\u00f4i cu\u1ed1n nh\u1ea5t.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

    Thi\u1ebft k\u1ebf website theo b\u1ed1 c\u1ee5c g\u00f3c nh\u00ecn c\u1ee7a ng\u01b0\u1eddi \u0111\u1ecdc theo b\u1ed1 c\u1ee5c ch\u1eef F. Tr\u00ean th\u1ef1c t\u1ebf hi\u1ec7n t\u1ea1i, r\u1ea5t nhi\u1ec1u website, blog v\u00e0 landing page \u0111\u1ec1u \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf theo b\u1ed1 c\u1ee5c h\u00ecnh ch\u1eef F n\u00e0y. H\u00e3y tham kh\u1ea3o b\u00e0i vi\u1ebft c\u1ee7a webvocuc \u0111\u1ec3 hi\u1ec3u r\u00f5 h\u01a1n nh\u00e9. T\u1ea1i sao l\u1ea1i thi\u1ebft […]<\/p>\n","protected":false},"author":3,"featured_media":3786,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[313,8],"tags":[],"class_list":["post-3782","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-huong-dan","category-thiet-ke-website"],"jetpack_featured_media_url":"https:\/\/webvocuc.com\/blog\/wp-content\/uploads\/2021\/07\/Thiet-ke-website-theo-bo-cuc-goc-nhin-cua-nguoi-doc.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/posts\/3782","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=3782"}],"version-history":[{"count":7,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/posts\/3782\/revisions"}],"predecessor-version":[{"id":3795,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/posts\/3782\/revisions\/3795"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/media\/3786"}],"wp:attachment":[{"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/media?parent=3782"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/categories?post=3782"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webvocuc.com\/blog\/wp-json\/wp\/v2\/tags?post=3782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}