{"id":10703,"date":"2018-08-24T08:06:23","date_gmt":"2018-08-24T08:06:23","guid":{"rendered":"https:\/\/kiencang.net\/?p=10703"},"modified":"2022-01-21T00:36:46","modified_gmt":"2022-01-20T17:36:46","slug":"cuon-trang-web-va-su-chu-y","status":"publish","type":"post","link":"https:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/","title":{"rendered":"Cu\u1ed9n trang web v\u00e0 s\u1ef1 ch\u00fa \u00fd"},"content":{"rendered":"\n<p><span style=\"color: #800000;\"><strong>T\u00f3m t\u1eaft<\/strong><\/span>: M\u1ecdi ng\u01b0\u1eddi cu\u1ed9n trang web theo chi\u1ec1u d\u1ecdc (scroll vertically) nhi\u1ec1u h\u01a1n so v\u1edbi tr\u01b0\u1edbc \u0111\u00e2y, nh\u01b0ng d\u1eef li\u1ec7u m\u1edbi v\u1ec1 eyetracking (theo d\u00f5i m\u1eaft ng\u01b0\u1eddi d\u00f9ng) cho th\u1ea5y h\u1ecd v\u1eabn nh\u00ecn nhi\u1ec1u v\u00e0o trang tr\u00ean <a href=\"https:\/\/kiencang.net\/man-hinh-dau-tien\/\">\u0111\u01b0\u1eddng bi\u00ean fold<\/a> h\u01a1n l\u00e0 \u1edf b\u00ean d\u01b0\u1edbi n\u00f3.<\/p>\n\n\n\n<p>H\u00e0nh vi c\u1ee7a con ng\u01b0\u1eddi kh\u00e1 \u1ed5n \u0111\u1ecbnh v\u00e0 h\u01b0\u1edbng d\u1eabn v\u1ec1 t\u00ednh kh\u1ea3 d\u1ee5ng hi\u1ebfm khi thay \u0111\u1ed5i qua th\u1eddi gian. Nh\u01b0ng c\u00f3 m\u1ed9t h\u00e0nh vi ng\u01b0\u1eddi d\u00f9ng \u0111\u00e3 thay \u0111\u1ed5i so v\u1edbi nh\u1eefng ng\u00e0y \u0111\u1ea7u c\u1ee7a th\u1ebf gi\u1edbi web \u0111\u00f3 l\u00e0 xu h\u01b0\u1edbng cu\u1ed9n trang. <\/p>\n\n\n\n<p>Trong nh\u1eefng ng\u00e0y \u0111\u1ea7u tr\u01b0\u1edbc \u0111\u00e2y, ng\u01b0\u1eddi d\u00f9ng hi\u1ebfm khi cu\u1ed9n trang (l\u00ean xu\u1ed1ng); nh\u01b0ng b\u1eaft \u0111\u1ea7u t\u1eeb n\u0103m 1997, c\u00e1c trang d\u00e0i \u0111\u00e3 tr\u1edf n\u00ean ph\u1ed5 bi\u1ebfn h\u01a1n, h\u1ea7u h\u1ebft m\u1ecdi ng\u01b0\u1eddi \u0111\u00e3 h\u1ecdc \u0111\u01b0\u1ee3c c\u00e1ch cu\u1ed9n trang. <\/p>\n\n\n\n<p>D\u1ea7u v\u1eady th\u00f4ng tin \u1edf tr\u00ean \u0111\u01b0\u1eddng bi\u00ean fold v\u1eabn nh\u1eadn \u0111\u01b0\u1ee3c nhi\u1ec1u ch\u00fa \u00fd h\u01a1n: th\u1eadm ch\u00ed trong nghi\u00ean c\u1ee9u g\u1ea7n \u0111\u00e2y v\u00e0o n\u0103m 2010, d\u1eef li\u1ec7u eyetracking c\u1ee7a ch\u00fang t\u00f4i cho th\u1ea5y r\u1eb1ng 80% th\u1eddi gian xem c\u1ee7a ng\u01b0\u1eddi d\u00f9ng l\u00e0 d\u00e0nh cho n\u1ed9i dung \u1edf tr\u00ean \u0111\u01b0\u1eddng bi\u00ean fold.<\/p>\n\n\n\n<p>T\u1eeb n\u0103m 2010, v\u1edbi s\u1ef1 ra \u0111\u1eddi c\u1ee7a thi\u1ebft k\u1ebf \u0111\u00e1p \u1ee9ng (responsive design) v\u00e0 ch\u1ee7 ngh\u0129a t\u1ed1i gi\u1ea3n (minimalism), nhi\u1ec1u nh\u00e0 thi\u1ebft c\u00f3 xu h\u01b0\u1edbng t\u1ea1o ra c\u00e1c trang d\u00e0i (bao g\u1ed3m m\u1ed9t s\u1ed1 l\u00e0 &#8220;to\u00e0n m\u00e0n h\u00ecnh&#8221;) v\u1edbi kho\u1ea3ng tr\u1ed1ng \u00e2m. M\u1ed9t l\u1ea7n n\u1eefa, \u0111\u00e2y l\u00e0 l\u00fac \u0111\u1eb7t c\u00e2u h\u1ecfi, \u0111\u1ec3 xem li\u1ec7u h\u00e0nh vi c\u1ee7a ch\u00fang ta c\u00f3 thay \u0111\u1ed5i do s\u1ef1 ph\u1ed5 bi\u1ebfn c\u1ee7a c\u00e1c xu h\u01b0\u1edbng thi\u1ebft k\u1ebf web n\u00e0y hay kh\u00f4ng.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_60 counter-hierarchy ez-toc-counter ez-toc-light-blue ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title \" >M\u1ee5c l\u1ee5c<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\" role=\"button\"><label for=\"item-6577d5f45bef4\" ><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input aria-label=\"Toggle\" aria-label=\"item-6577d5f45bef4\"  type=\"checkbox\" id=\"item-6577d5f45bef4\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/#Du_lieu_Eyetracking\" title=\"D\u1eef li\u1ec7u Eyetracking\">D\u1eef li\u1ec7u Eyetracking<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/#Mau_hanh_vi_doc_quet\" title=\"M\u1eabu h\u00e0nh vi \u0111\u1ecdc &amp; qu\u00e9t\">M\u1eabu h\u00e0nh vi \u0111\u1ecdc &amp; qu\u00e9t<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/#2010_Hien_tai_2018\" title=\"2010 &amp; Hi\u1ec7n t\u1ea1i (2018)\">2010 &amp; Hi\u1ec7n t\u1ea1i (2018)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/#Cac_ham_y\" title=\"C\u00e1c h\u00e0m \u00fd\">C\u00e1c h\u00e0m \u00fd<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/#Ket_luan\" title=\"K\u1ebft lu\u1eadn\">K\u1ebft lu\u1eadn<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Du_lieu_Eyetracking\"><\/span>D\u1eef li\u1ec7u Eyetracking<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">V\u1ec1 nghi\u00ean c\u1ee9u<\/h3>\n\n\n\n<p>\u0110\u1ec3 tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi \u0111\u00f3, ch\u00fang t\u00f4i ph\u00e2n t\u00edch t\u1ecda \u0111\u1ed9 x, y c\u1ee7a h\u01a1n 130 ng\u00e0n \u0111i\u1ec3m ch\u00fa \u00fd c\u1ee7a m\u1eaft (eye fixations) tr\u00ean m\u00e0n h\u00ecnh c\u00f3 \u0111\u1ed9 ph\u00e2n gi\u1ea3i 1920&#215;1080 pixel. Nh\u1eefng \u0111i\u1ec3m ch\u00fa \u00fd c\u1ee7a m\u1eaft n\u00e0y \u0111\u01b0\u1ee3c thu th\u1eadp t\u1eeb 120 ng\u01b0\u1eddi tham gia, nh\u1eefng ng\u01b0\u1eddi l\u00e0 m\u1ed9t ph\u1ea7n trong nghi\u00ean c\u1ee9u g\u1ea7n \u0111\u00e2y v\u1ec1 eyetracking li\u00ean quan \u0111\u1ebfn h\u00e0ng ng\u00e0n trang t\u1eeb nhi\u1ec1u ng\u00e0nh v\u00e0 l\u0129nh v\u1ef1c. <\/p>\n\n\n\n<p>V\u1edbi nghi\u00ean c\u1ee9u n\u00e0y, ch\u00fang t\u00f4i t\u1eadp trung ph\u00e2n t\u00edch v\u00e0o c\u00e1c nhi\u1ec7m v\u1ee5 c\u1ee7a ng\u01b0\u1eddi d\u00f9ng tr\u00ean quy m\u00f4 l\u1edbn, tr\u1ea3i r\u1ed9ng tr\u00ean nhi\u1ec1u trang v\u00e0 ng\u00e0nh c\u00f4ng nghi\u1ec7p, bao g\u1ed3m tin t\u1ee9c, th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed, blog, c\u00e1c trang c\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p (FAQs) v\u00e0 c\u00e1c trang b\u00e1ch khoa to\u00e0n th\u01b0. M\u1ee5c ti\u00eau c\u1ee7a ch\u00fang t\u00f4i kh\u00f4ng ph\u1ea3i l\u00e0 ph\u00e2n t\u00edch c\u00e1c trang web ri\u00eang l\u1ebb c\u1ee5 th\u1ec3, \u0111i\u1ec1u ch\u00fang t\u00f4i mu\u1ed1n l\u00e0 c\u00e1c \u0111\u1eb7c t\u00ednh chung c\u1ee7a h\u00e0nh vi ng\u01b0\u1eddi d\u00f9ng.<\/p>\n\n\n\n<p>Ch\u00fang t\u00f4i so s\u00e1nh c\u00e1c d\u1eef li\u1ec7u n\u00e0y v\u1edbi d\u1eef li\u1ec7u tr\u01b0\u1edbc \u0111\u00f3 ch\u00fang t\u00f4i thu th\u1eadp \u0111\u01b0\u1ee3c v\u1ec1 eyetracking tr\u00ean m\u00e0n h\u00ecnh c\u00f3 \u0111\u1ed9 ph\u00e2n gi\u1ea3i 1024&#215;768 pixel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00e1c k\u1ebft qu\u1ea3 nghi\u00ean c\u1ee9u<\/h3>\n\n\n\n<p>C\u00f3 hai thay \u0111\u1ed5i x\u1ea3y ra trong nghi\u00ean c\u1ee9u c\u1ee7a ch\u00fang t\u00f4i: (a) c\u00e1c m\u00e0n h\u00ecnh l\u1edbn h\u01a1n; v\u00e0 (b) c\u00e1c xu h\u01b0\u1edbng thi\u1ebft k\u1ebf web m\u1edbi, c\u00f9ng v\u1edbi kh\u1ea3 n\u0103ng th\u00edch \u1ee9ng c\u1ee7a ng\u01b0\u1eddi d\u00f9ng. Ch\u00fang t\u00f4i kh\u00f4ng th\u1ec3 t\u00e1ch b\u1ea1ch \u1ea3nh h\u01b0\u1edfng t\u01b0\u01a1ng \u0111\u1ed1i c\u1ee7a hai thay \u0111\u1ed5i n\u00e0y, nh\u01b0ng n\u00f3 kh\u00f4ng th\u00e0nh v\u1ea5n \u0111\u1ec1, v\u00ec c\u1ea3 hai \u0111\u1ec1u \u0111\u1ebfn theo d\u00f2ng th\u1eddi gian v\u00e0 ch\u00fang ta kh\u00f4ng th\u1ec3 quay ng\u01b0\u1ee3c tr\u1edf l\u1ea1i c\u00e1i n\u00e0o c\u1ea3, ngay c\u1ea3 khi ch\u00fang ta mu\u1ed1n.<\/p>\n\n\n\n<p>Trong nghi\u00ean c\u1ee9u m\u1edbi nh\u1ea5t c\u1ee7a ch\u00fang t\u00f4i, ng\u01b0\u1eddi d\u00f9ng b\u1ecf ra <strong>57% th\u1eddi gian xem trang cho n\u1ed9i dung tr\u00ean \u0111\u01b0\u1eddng fold. 74% th\u1eddi gian xem trang cho hai m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean<\/strong>, l\u00ean \u0111\u1ebfn 2160px (Nghi\u00ean c\u1ee9u n\u00e0y kh\u00f4ng quan t\u00e2m \u0111\u1ebfn \u0111\u1ed9 d\u00e0i t\u1ed1i \u0111a c\u1ee7a trang &#8211; h\u1ec7 qu\u1ea3 l\u00e0 k\u1ebft qu\u1ea3 tr\u00ean c\u00f3 th\u1ec3 l\u00e0 do \u0111\u1ed9 d\u00e0i c\u1ee7a trang ng\u1eafn ho\u1eb7c m\u1ecdi ng\u01b0\u1eddi b\u1ecf cu\u1ed9c sau khi xem n\u1ed9i dung hai m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean.)<\/p>\n\n\n\n<p>C\u00e1c ph\u00e1t hi\u1ec7n n\u00e0y kh\u00e1 kh\u00e1c bi\u1ec7t so v\u1edbi b\u00e1o c\u00e1o trong n\u0103m 2010 c\u1ee7a ch\u00fang t\u00f4i: khi \u0111\u00f3, 80% th\u1eddi gian xem trang l\u00e0 \u1edf tr\u00ean \u0111\u01b0\u1eddng fold. D\u00f9 v\u1eady th\u00ec m\u1eabu h\u00ecnh <strong>s\u1ef1 ch\u00fa \u00fd gi\u1ea3m m\u1ea1nh theo \u0111\u01b0\u1eddng fold<\/strong> v\u1eabn \u0111\u01b0\u1ee3c duy tr\u00ec trong n\u0103m 2018 c\u0169ng nh\u01b0 n\u0103m 2010.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeverticalattention.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1518\" height=\"770\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeverticalattention.png\" alt=\"ph\u1ea7n tr\u0103m th\u1eddi gian xem trang\" class=\"wp-image-10705\" srcset=\"https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeverticalattention.png 1518w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeverticalattention-300x152.png 300w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeverticalattention-768x390.png 768w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeverticalattention-1024x519.png 1024w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeverticalattention-1170x593.png 1170w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeverticalattention-585x297.png 585w\" sizes=\"(max-width: 1518px) 100vw, 1518px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>N\u1ed9i dung tr\u00ean \u0111\u01b0\u1eddng bi\u00ean fold nh\u1eadn \u0111\u01b0\u1ee3c t\u1ef7 l\u1ec7 th\u1eddi gian xem trang cao nh\u1ea5t. V\u00e0 c\u00f3 kho\u1ea3ng 74% th\u1eddi gian xem trang l\u00e0 d\u00e0nh cho cho hai m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean c\u1ee7a n\u1ed9i dung (th\u00f4ng tin \u1edf tr\u00ean \u0111\u01b0\u1eddng bi\u00ean fold c\u1ed9ng v\u1edbi m\u00e0n h\u00ecnh \u1edf ngay b\u00ean d\u01b0\u1edbi \u0111\u01b0\u1eddng fold). 26% c\u00f2n l\u1ea1i d\u00e0nh cho t\u1ef7 l\u1ec7 l\u01b0\u1ee3t xem gi\u1ea3m d\u1ea7n theo \u0111\u1ed9 d\u00e0i trang.<\/p>\n\n\n\n<p>Ch\u00fang ta bi\u1ebft l\u00e0 kh\u00f4ng ph\u1ea3i t\u1ea5t c\u1ea3 c\u00e1c trang c\u00f3 c\u00f9ng \u0111\u1ed9 d\u00e0i. \u0110\u1ec3 bi\u1ebft \u0111\u01b0\u1ee3c c\u00e1ch m\u1ecdi ng\u01b0\u1eddi chia m\u1ee9c \u0111\u1ed9 ch\u00fa \u00fd c\u1ee7a m\u1eaft nh\u00ecn (fixations) l\u00ean trang nh\u01b0 th\u1ebf n\u00e0o (\u0111\u1ed9c l\u1eadp v\u1edbi \u0111\u1ed9 d\u00e0i c\u1ee7a trang l\u00e0 bao nhi\u00eau), ch\u00fang t\u00f4i chia c\u00e1c trang theo ph\u00e2n kh\u00fac \u0111\u1ed9 d\u00e0i 20% (m\u1ed9t-ph\u1ea7n-n\u0103m c\u1ee7a m\u1ed7i trang). Tr\u00ean c\u00e1c website th\u00f4ng th\u01b0\u1eddng, c\u00f3 h\u01a1n 42% th\u1eddi gian l\u00e0 d\u00e0nh cho 20% \u0111\u1ed9 d\u00e0i \u0111\u1ea7u ti\u00ean, v\u00e0 h\u01a1n 65% th\u1eddi gian l\u00e0 d\u00e0nh cho 40% \u0111\u1ed9 d\u00e0i \u0111\u1ea7u ti\u00ean. Tr\u00ean c\u00e1c trang k\u1ebft-qu\u1ea3-t\u00ecm-ki\u1ebfm (SERPs), nh\u1eefng trang m\u00e0 ch\u00fang t\u00f4i kh\u00f4ng t\u00e1ch bi\u1ec7t (c\u00f4 l\u1eadp) trong nghi\u00ean c\u1ee9u n\u0103m 2010, th\u00ec c\u00f3 47% th\u1eddi gian xem trang l\u00e0 d\u00e0nh cho 20% \u0111\u1ed9 d\u00e0i thu\u1ed9c ph\u1ea7n \u0111\u1ea7u c\u1ee7a trang (v\u00e0 h\u01a1n 75% th\u1eddi gian d\u00e0nh cho 40% \u0111\u1ed9 d\u00e0i \u0111\u1ea7u ti\u00ean) &#8211; c\u00f3 th\u1ec3 \u0111i\u1ec1u n\u00e0y ph\u1ea3n \u00e1nh xu h\u01b0\u1edbng c\u1ee7a ng\u01b0\u1eddi d\u00f9ng ch\u1ec9 nh\u00ecn v\u00e0o c\u00e1c k\u1ebft qu\u1ea3 \u1edf v\u1ecb tr\u00ed \u0111\u1ea7u.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimesegmentsvertical-graph.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1525\" height=\"789\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimesegmentsvertical-graph.png\" alt=\"t\u1ef7 l\u1ec7 xem trang theo ph\u00e2n kh\u00fac\" class=\"wp-image-10706\" srcset=\"https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimesegmentsvertical-graph.png 1525w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimesegmentsvertical-graph-300x155.png 300w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimesegmentsvertical-graph-768x397.png 768w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimesegmentsvertical-graph-1024x530.png 1024w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimesegmentsvertical-graph-1170x605.png 1170w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimesegmentsvertical-graph-585x303.png 585w\" sizes=\"(max-width: 1525px) 100vw, 1525px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Ch\u00fa th\u00edch:<\/p>\n\n\n\n<ul><li>General Web: ngh\u0129a l\u00e0 c\u00e1c trang th\u00f4ng th\u01b0\u1eddng;<\/li><li>SERP: ngh\u0129a l\u00e0 c\u00e1c trang k\u1ebft qu\u1ea3 t\u00ecm ki\u1ebfm.<\/li><\/ul>\n\n\n\n<p>M\u1ecdi ng\u01b0\u1eddi d\u00e0nh th\u1eddi gian xem trang nhi\u1ec1u h\u01a1n \u0111\u00e1ng k\u1ec3 cho top 20% \u0111\u1ed9 d\u00e0i \u0111\u1ea7u ti\u00ean c\u1ee7a trang. Ch\u1ec9 c\u00f3 8% th\u1eddi gian l\u00e0 d\u00e0nh cho 20% \u0111\u1ed9 d\u00e0i cu\u1ed1i c\u00f9ng tr\u00ean trang web th\u00f4ng th\u01b0\u1eddng, con s\u1ed1 \u1ea5y v\u1edbi trang k\u1ebft qu\u1ea3 t\u00ecm ki\u1ebfm c\u00f2n th\u1ea5p h\u01a1n, ch\u1ec9 c\u00f3 6%.<\/p>\n\n\n\n<p>N\u1ebfu ch\u00fang t\u00f4i ch\u1ec9 nh\u00ecn ri\u00eang v\u00e0o n\u1ed9i dung tr\u00ean \u0111\u01b0\u1eddng bi\u00ean fold &#8211; c\u00e1i n\u1eb1m trong m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean &#8211; th\u00f4ng tin g\u1ea7n ph\u1ea7n \u0111\u1ea7u c\u1ee7a trang c\u0169ng nh\u1eadn \u0111\u01b0\u1ee3c nhi\u1ec1u ch\u00fa \u00fd h\u01a1n so v\u1edbi th\u00f4ng tin g\u1ea7n ph\u1ea7n cu\u1ed1i trang. C\u00f3 h\u01a1n 65% th\u1eddi gian xem trang (trong th\u1eddi gian d\u00e0nh ri\u00eang cho m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean) l\u00e0 d\u00e0nh cho n\u1eeda tr\u00ean c\u1ee7a m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean. Tr\u00ean trang k\u1ebft qu\u1ea3 t\u00ecm ki\u1ebfm SERP, n\u1eeda tr\u00ean c\u1ee7a m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean nh\u1eadn \u0111\u01b0\u1ee3c h\u01a1n 75% t\u1ed5ng th\u1eddi gian nh\u00ecn tr\u00ean \u0111\u01b0\u1eddng bi\u00ean fold. (\u0110\u00e2y l\u00e0 s\u1ef1 th\u1eadt \u0111\u00e3 c\u0169 r\u1ed3i, nh\u01b0ng v\u1eabn c\u1ea7n ph\u1ea3i nh\u1eafc l\u1ea1i: ph\u1ea3i x\u1ebfp h\u1ea1ng s\u1ed1 #1 ho\u1eb7c s\u1ed1 #2 tr\u00ean Google ho\u1eb7c b\u1ea1n h\u1ea7u nh\u01b0 kh\u00f4ng t\u1ed3n t\u1ea1i tr\u00ean Internet. )<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeabovefoldvertical-graph.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1550\" height=\"906\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeabovefoldvertical-graph.png\" alt=\"T\u1ef7 l\u1ec7 th\u1eddi gian xem trang tr\u00ean m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean\" class=\"wp-image-10707\" srcset=\"https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeabovefoldvertical-graph.png 1550w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeabovefoldvertical-graph-300x175.png 300w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeabovefoldvertical-graph-768x449.png 768w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeabovefoldvertical-graph-1024x599.png 1024w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeabovefoldvertical-graph-1170x684.png 1170w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/percentageviewingtimeabovefoldvertical-graph-585x342.png 585w\" sizes=\"(max-width: 1550px) 100vw, 1550px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Ngay c\u1ea3 khi t\u00ednh ri\u00eang tr\u00ean \u0111\u01b0\u1eddng bi\u00ean fold, s\u1ee9c ch\u00fa \u00fd v\u1eabn \u0111\u01b0\u1ee3c t\u1eadp trung h\u01b0\u1edbng v\u00e0o ph\u1ea7n \u0111\u1ea7u c\u1ee7a trang &#8211; \u0111\u1eb7c bi\u1ec7t l\u00e0 v\u1edbi trang SERP (trang k\u1ebft qu\u1ea3 t\u00ecm ki\u1ebfm, nh\u01b0 Google ho\u1eb7c C\u1ed1c C\u1ed1c).<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Mau_hanh_vi_doc_quet\"><\/span>M\u1eabu h\u00e0nh vi \u0111\u1ecdc &amp; qu\u00e9t<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Ch\u00fang ta th\u1ea5y l\u00e0 n\u1ed9i dung tr\u00ean \u0111\u01b0\u1eddng bi\u00ean fold nh\u1eadn \u0111\u01b0\u1ee3c s\u1ef1 ch\u00fa \u00fd nhi\u1ec1u nh\u1ea5t (57% th\u1eddi gian xem); n\u1ed9i dung c\u1ee7a m\u00e0n h\u00ecnh th\u1ee9 hai nh\u1eadn \u0111\u01b0\u1ee3c kho\u1ea3ng m\u1ed9t ph\u1ea7n ba s\u1ed1 \u0111\u00f3 (c\u1ee1 17% th\u1eddi gian xem); v\u00e0 v\u1eabn c\u00f2n 26% tr\u1ea3i ra theo ki\u1ec3u ph\u00e2n ph\u1ed1i \u0111u\u00f4i d\u00e0i. N\u00f3i c\u00e1ch kh\u00e1c, n\u1ed9i dung n\u00e0o c\u00e0ng g\u1ea7n ph\u1ea7n \u0111\u1ea7u c\u1ee7a trang, n\u00f3 c\u00e0ng c\u00f3 c\u01a1 h\u1ed9i \u0111\u01b0\u1ee3c \u0111\u1ecdc nhi\u1ec1u h\u01a1n.<\/p>\n\n\n\n<p>C\u00e1c m\u1eabu h\u00ecnh \u0111\u1ecdc c\u00e1 nh\u00e2n x\u00e1c nh\u1eadn ph\u00e1t hi\u1ec7n n\u00e0y. Nhi\u1ec1u ng\u01b0\u1eddi d\u00f9ng c\u00f3 <a href=\"https:\/\/kiencang.net\/mau-hinh-chu-f-khi-doc-tren-web\/\">h\u00e0nh vi m\u1eabu \u0111\u1ecdc theo ki\u1ec3u h\u00ecnh ch\u1eef F<\/a> khi h\u1ecd \u0111\u1ecdc qu\u00e9t trang c\u00f3 n\u1ed9i d\u00f9ng kh\u00f4ng \u0111\u01b0\u1ee3c c\u1ea5u tr\u00fac t\u1ed1t &#8211; h\u1ecd c\u00f3 xu h\u01b0\u1edbng nh\u00ecn k\u1ef9 h\u01a1n v\u00e0o v\u0103n b\u1ea3n \u0111\u01b0\u1ee3c \u0111\u1eb7t g\u1ea7n v\u1ecb tr\u00ed \u0111\u1ea7u c\u1ee7a trang (v\u00e0i \u0111o\u1ea1n \u0111\u1ea7u ti\u00ean c\u1ee7a v\u0103n b\u1ea3n), v\u00e0 sau \u0111\u00f3 d\u00e0nh th\u1eddi gian v\u00e0 nh\u00ecn \u00edt d\u1ea7n cho c\u00e1c th\u00f4ng tin xu\u1ea5t hi\u1ec7n b\u00ean d\u01b0\u1edbi trang.<\/p>\n\n\n\n<p>Th\u1eadm ch\u00ed v\u1edbi danh s\u00e1ch ho\u1eb7c th\u00f4ng tin \u0111\u01b0\u1ee3c tr\u00ecnh b\u00e0y d\u01b0\u1edbi d\u1ea1ng c\u00f3 c\u1ea5u tr\u00fac, m\u1ecdi ng\u01b0\u1eddi d\u00e0nh ph\u1ea7n nhi\u1ec1u \u0111i\u1ec3m nh\u00ecn ch\u0103m ch\u00fa (v\u00e0 do v\u1eady c\u1ea3 th\u1eddi gian n\u1eefa) cho ph\u1ea7n \u0111\u1ea7u c\u1ee7a trang, c\u0169ng nh\u01b0 h\u1ecd c\u1ea7n hi\u1ec3u c\u00e1ch trang \u0111\u01b0\u1ee3c t\u1ed5 ch\u1ee9c. M\u1ed9t khi h\u1ecd l\u00e0m \u0111i\u1ec1u \u0111\u00f3, h\u1ecd c\u00f3 xu h\u01b0\u1edbng t\u1eadp trung r\u1ea5t hi\u1ec7u qu\u1ea3 ch\u1ec9 v\u00e0o th\u00f4ng tin li\u00ean quan \u0111\u1ebfn nhi\u1ec7m v\u1ee5 ngay l\u00fac \u0111\u00f3, v\u00ec th\u1ebf s\u1eed d\u1ee5ng \u00edt \u0111i\u1ec3m nh\u00ecn h\u01a1n nhi\u1ec1u (v\u00e0 v\u00ec th\u1ebf c\u1ea3 th\u1eddi gian) cho n\u1ed9i dung \u0111\u01b0\u1ee3c \u0111\u1eb7t xa v\u1ecb tr\u00ed \u0111\u1ea7u.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/charities-gazeplot.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1887\" height=\"3326\" src=\"https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/charities-gazeplot.jpg\" alt=\"n\u1ed9i dung c\u00f3 c\u1ea5u tr\u00fac, ng\u01b0\u1eddi d\u00f9ng xem b\u00ean d\u01b0\u1edbi nhi\u1ec1u h\u01a1n\" class=\"wp-image-10708\" srcset=\"https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/charities-gazeplot.jpg 1887w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/charities-gazeplot-170x300.jpg 170w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/charities-gazeplot-768x1354.jpg 768w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/charities-gazeplot-581x1024.jpg 581w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/charities-gazeplot-1170x2062.jpg 1170w, https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/charities-gazeplot-585x1031.jpg 585w\" sizes=\"(max-width: 1887px) 100vw, 1887px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>H\u00ecnh tr\u00ean l\u00e0 m\u1ed9t \u0111\u1ea1i di\u1ec7n, n\u00f3 ph\u00e1c h\u1ecda v\u1ec1 c\u00e1c \u0111i\u1ec3m nh\u00ecn, v\u00e0 cho th\u1ea5y m\u1eaft c\u1ee7a ng\u01b0\u1eddi d\u00f9ng t\u1eadp trung ph\u1ea7n l\u1edbn v\u00e0o ph\u1ea7n \u0111\u1ea7u c\u1ee7a trang, m\u1eb7c d\u00f9 kh\u00f4ng ph\u1ea3i l\u00fac n\u00e0o c\u0169ng \u1edf v\u1ecb tr\u00ed cao nh\u1ea5t. S\u1ef1 ph\u00e2n ph\u1ed1i th\u1ef1c s\u1ef1 c\u1ee7a c\u00e1c \u0111i\u1ec3m ch\u00fa \u00fd c\u1ee7a m\u1eaft nh\u00ecn s\u1ebd ph\u1ee5 thu\u1ed9c v\u00e0o thi\u1ebft k\u1ebf c\u1ee5 th\u1ec3 v\u00e0 m\u1ee5c ti\u00eau c\u1ee7a ng\u01b0\u1eddi d\u00f9ng khi gh\u00e9 th\u0103m trang. Th\u1ec9nh tho\u1ea3ng ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 \u0111\u1ecdc m\u1ed9t ch\u00fat n\u1ebfu th\u00f4ng tin c\u00f3 v\u1ebb th\u00fa v\u1ecb, nh\u01b0ng n\u00f3i chung, c\u00e0ng \u0111i xu\u1ed1ng ph\u00eda d\u01b0\u1edbi c\u1ee7a trang, trang c\u00e0ng \u00edt \u0111\u01b0\u1ee3c xem d\u1ea7n, v\u00e0 n\u1ebfu qu\u00e1 xa ph\u1ea7n \u0111\u1ea7u n\u00f3 th\u1eadm ch\u00ed kh\u00f4ng \u0111\u01b0\u1ee3c xem ch\u00fat n\u00e0o.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2010_Hien_tai_2018\"><\/span>2010 &amp; Hi\u1ec7n t\u1ea1i (2018)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Trong n\u0103m 2010, 80% th\u1eddi gian xem l\u00e0 d\u00e0nh cho m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean (above the fold). Ng\u00e0y nay, con s\u1ed1 n\u00e0y ch\u1ec9 l\u00e0 57% &#8211; \u0111i\u1ec1u n\u00e0y c\u00f3 kh\u1ea3 n\u0103ng l\u00e0 m\u1ed9t h\u1ec7 qu\u1ea3 t\u1eeb s\u1ef1 ph\u1ed5 bi\u1ebfn nh\u1eefng trang web d\u00e0i. \u0110i\u1ec1u \u0111\u00f3 c\u00f3 \u00fd ngh\u0129a g\u00ec?<\/p>\n\n\n\n<p>\u0110\u1ea7u ti\u00ean, \u0111\u00f3 c\u00f3 th\u1ec3 l\u00e0, nh\u00ecn chung, c\u00e1c nh\u00e0 thi\u1ebft k\u1ebf \u0111\u00e3 l\u00e0m t\u1ed1t c\u00f4ng vi\u1ec7c t\u1ea1o ra c\u00e1c t\u00edn hi\u1ec7u (signifiers) \u0111\u1ec3 ch\u1ed1ng l\u1ea1i \u1ea3o t\u01b0\u1edfng v\u1ec1 s\u1ef1 \u0111\u1ea7y \u0111\u1ee7 v\u00e0 m\u1eddi g\u1ecdi m\u1ecdi ng\u01b0\u1eddi cu\u1ed9n trang. N\u00f3i c\u00e1ch kh\u00e1c, h\u1ecd \u0111\u00e3 \u00fd th\u1ee9c \u0111\u01b0\u1ee3c s\u1ef1 b\u1ea5t l\u1ee3i c\u1ee7a c\u00e1c trang d\u00e0i v\u00e0 gi\u1ea3m thi\u1ec3u ch\u00fang \u1edf m\u1ed9t m\u1ee9c \u0111\u1ed9 n\u00e0o \u0111\u00f3. Th\u1ee9 hai, \u0111i\u1ec1u n\u00e0y c\u00f3 th\u1ec3 mang \u00fd ngh\u0129a l\u00e0 ng\u01b0\u1eddi d\u00f9ng tr\u1edf n\u00ean quen thu\u1ed9c trong t\u00ecnh hu\u1ed1ng cu\u1ed9n trang &#8211; s\u1ef1 ph\u1ed5 bi\u1ebfn c\u1ee7a c\u00e1c trang y\u00eau c\u1ea7u cu\u1ed9n chu\u1ed9t \u0111\u00e3 \u0103n s\u00e2u h\u00e0nh vi \u0111\u00f3 v\u00e0o ch\u00fang ta.<\/p>\n\n\n\n<p>\u00cdt nh\u1ea5t l\u00e0 \u1edf m\u1ed9t m\u1ee9c \u0111\u1ed9 n\u00e0o \u0111\u00f3. M\u1ecdi ng\u01b0\u1eddi v\u1eabn kh\u00f4ng cu\u1ed9n trang nhi\u1ec1u &#8211; h\u1ecd hi\u1ebfm khi \u0111i qua ba m\u00e0n h\u00ecnh th\u00f4ng tin. V\u1ec1 c\u01a1 b\u1ea3n, \u0111\u01b0\u1eddng bi\u00ean fold l\u00e0 m\u1ed9t r\u00e0o ch\u1eafn \u0111\u00e3 b\u1ecb \u0111\u1ea9y xu\u1ed1ng d\u01b0\u1edbi ba m\u00e0n h\u00ecnh &#8211; 8 n\u0103m tr\u01b0\u1edbc \u0111\u00e2y, 80% th\u1eddi gian xem \u0111\u01b0\u1ee3c d\u00f9ng cho m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean; ng\u00e0y nay 81% th\u1eddi gian xem trang l\u00e0 d\u00e0nh cho 3 m\u00e0n h\u00ecnh th\u00f4ng tin \u0111\u1ea7u ti\u00ean.<\/p>\n\n\n\n<p>Ch\u00fang t\u00f4i lu\u00f4n n\u00f3i r\u1eb1ng m\u1ecdi ng\u01b0\u1eddi s\u1ebd cu\u1ed9n trang n\u1ebfu h\u1ecd c\u00f3 l\u00fd do \u0111\u1ec3 l\u00e0m \u0111i\u1ec1u \u0111\u00f3. S\u1ef1 ch\u00fa \u00fd v\u1eabn h\u01b0\u1edbng \u0111\u1ebfn ph\u1ea7n \u0111\u1ea7u c\u1ee7a trang &#8211; \u0111\u1ea5y l\u00e0 ph\u1ea7n n\u1ed9i dung c\u00f3 kh\u1ea3 n\u0103ng \u0111\u01b0\u1ee3c kh\u00e1m ph\u00e1 nh\u1ea5t v\u00e0 c\u00f3 c\u01a1 h\u1ed9i \u0111\u01b0\u1ee3c xem b\u1edfi ng\u01b0\u1eddi d\u00f9ng c\u1ee7a b\u1ea1n. <a href=\"https:\/\/kiencang.net\/chi-phi-tuong-tac\/\">Chi ph\u00ed t\u01b0\u01a1ng t\u00e1c<\/a> c\u1ee7a vi\u1ec7c cu\u1ed9n trang l\u00e0m gi\u1ea3m kh\u1ea3 n\u0103ng n\u1ed9i dung s\u1ebd \u0111\u01b0\u1ee3c xem \u1edf ph\u1ea7n d\u01b0\u1edbi c\u1ee7a m\u1ed9t trang d\u00e0i h\u01a1n.<\/p>\n\n\n\n<p>Th\u00fa v\u1ecb l\u00e0, \u0111\u00fang nh\u01b0 mong \u0111\u1ee3i c\u1ee7a m\u1ecdi ng\u01b0\u1eddi, s\u1ef1 gia t\u0103ng trong \u0111\u1ed9 ph\u00e2n gi\u1ea3i m\u00e0n h\u00ecnh kh\u00f4ng d\u1eabn \u0111\u1ebfn vi\u1ec7c gi\u1ea3m cu\u1ed9n trang. L\u00fd do c\u00f3 th\u1ec3 l\u00e0 ng\u01b0\u1eddi thi\u1ebft k\u1ebf v\u00e0 d\u00e2n l\u1eadp tr\u00ecnh \u0111\u00e3 kh\u00f4ng t\u1eadn d\u1ee5ng k\u00edch c\u1ee1 m\u00e0n h\u00ecnh l\u1edbn, m\u00e0 l\u1ea1i ch\u1ecdn c\u00e1ch ph\u00e2n t\u00e1n n\u1ed9i dung ra xa nhau h\u01a1n. D\u00f9 \u0111i\u1ec1u \u0111\u00f3 l\u00e0 t\u1ed1t hay x\u1ea5u, ng\u01b0\u1eddi d\u00f9ng gi\u1edd \u0111\u00e2y \u0111\u00e3 cu\u1ed9n trang nhi\u1ec1u h\u01a1n so v\u1edbi qu\u00e1 kh\u1ee9 &#8211; nh\u01b0ng kh\u00f4ng qu\u00e1 nhi\u1ec1u. M\u1eadt \u0111\u1ed9 th\u00f4ng tin c\u00f3 l\u1ebd l\u00e0 qu\u00e1 cao (d\u1eabn \u0111\u1ebfn c\u00e1c b\u1ed1 c\u1ee5c ch\u1eadt ch\u1ed9i) trong nh\u1eefng ng\u00e0y \u0111\u1ea7u c\u1ee7a th\u1ebf gi\u1edbi web, nh\u01b0ng hi\u1ec7n gi\u1edd trang \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf ch\u1ec9 r\u00f5 xu h\u01b0\u1edbng qu\u00e1 xa nhau.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Cac_ham_y\"><\/span>C\u00e1c h\u00e0m \u00fd<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Do ng\u01b0\u1eddi d\u00f9ng d\u00e0nh nhi\u1ec1u th\u1eddi gian tr\u00ean ph\u1ea7n \u0111\u1ea7u c\u1ee7a trang, \u0111\u1eb7c bi\u1ec7t l\u00e0 ph\u1ea7n thu\u1ed9c m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean, d\u01b0\u1edbi \u0111\u00e2y l\u00e0 m\u1ed9t s\u1ed1 th\u1ee9 b\u1ea1n c\u1ea7n ghi nh\u1edb:<\/p>\n\n\n\n<ul><li><strong>Ph\u1ea7n \u0111\u1ea7u c\u1ee7a trang ph\u1ea3i \u0111\u01b0\u1ee3c d\u00e0nh cho n\u1ed9i dung c\u00f3 m\u1ee9c \u0111\u1ed9 \u01b0u ti\u00ean cao: m\u1ee5c \u0111\u00edch kinh doanh v\u00e0 m\u1ee5c ti\u00eau c\u1ee7a ng\u01b0\u1eddi d\u00f9ng<\/strong>. Nh\u1eefng ph\u1ea7n th\u1ea5p h\u01a1n c\u1ee7a trang web c\u00f3 th\u1ec3 \u0111\u1ec3 d\u00e0nh cho th\u00f4ng tin c\u00f3 \u0111\u1ed9 \u01b0u ti\u00ean th\u1ea5p h\u01a1n ho\u1eb7c li\u00ean quan. H\u00e3y \u0111\u1ec3 c\u00e1c CTA (l\u1eddi k\u00eau g\u1ecdi h\u00e0nh \u0111\u1ed9ng) l\u00ean tr\u00ean m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean.<\/li><li><strong>S\u1eed d\u1ee5ng ki\u1ec3u font ch\u1eef th\u00edch h\u1ee3p \u0111\u1ec3 thu h\u00fat s\u1ef1 ch\u00fa \u00fd v\u00e0o c\u00e1c n\u1ed9i dung quan tr\u1ecdng<\/strong>:&nbsp; Ng\u01b0\u1eddi d\u00f9ng d\u1ef1a v\u00e0o c\u00e1c y\u1ebfu t\u1ed1 nh\u01b0 ti\u00eau \u0111\u1ec1 v\u00e0 v\u0103n b\u1ea3n \u0111\u01b0\u1ee3c b\u00f4i \u0111\u1eadm \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh th\u00f4ng tin n\u00e0o l\u00e0 quan tr\u1ecdng, v\u00e0 \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh ph\u1ea7n n\u1ed9i dung m\u1edbi. H\u00e3y \u0111\u1ea3m b\u1ea3o l\u00e0 nh\u1eefng y\u1ebfu t\u1ed1 n\u00e0y c\u00f3 s\u1ef1 kh\u00e1c bi\u1ec7t m\u1ed9t c\u00e1ch tr\u1ef1c quan v\u00e0 phong c\u00e1ch \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n th\u1ed1ng nh\u1ea5t qua to\u00e0n trang v\u00ec th\u1ebf m\u00e0 ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 d\u1ec5 d\u00e0ng t\u00ecm \u0111\u01b0\u1ee3c ch\u00fang.<\/li><li><strong>H\u00e3y c\u1ea3nh gi\u00e1c v\u1edbi c\u00e1c thi\u1ebft k\u1ebf g\u00e2y nh\u1ea7m l\u1eabn <\/strong>[<em>l\u00e0m ng\u01b0\u1eddi d\u00f9ng t\u01b0\u1edfng n\u1ed9i dung c\u1ee7a trang ch\u1ec9 c\u00f3 \u1edf m\u00e0n h\u00ecnh \u0111\u1ea7u ti\u00ean trong khi n\u00f3 c\u00f2n n\u1ed9i dung \u1edf b\u00ean d\u01b0\u1edbi &#8211; ch\u00fa th\u00edch c\u1ee7a ng\u01b0\u1eddi d\u1ecbch<\/em>], \u0111\u00e2y l\u00e0 c\u00e1i \u0111ang ng\u00e0y c\u00e0ng ph\u1ed5 bi\u1ebfn \u0111i c\u00f9ng v\u1edbi phong c\u00e1ch thi\u1ebft k\u1ebf t\u1ed1i gi\u1ea3n hi\u1ec7n \u0111\u1ea1i. \u1ea2o t\u01b0\u1edfng v\u1ec1 s\u1ef1 ho\u00e0n ch\u1ec9nh c\u00f3 th\u1ec3 g\u00e2y tr\u1edf ng\u1ea1i cho vi\u1ec7c cu\u1ed9n trang. Bao g\u1ed3m c\u00e1c t\u00edn hi\u1ec7u (th\u00ed d\u1ee5 nh\u01b0 c\u00e1c \u0111o\u1ea1n ng\u1eaft v\u0103n b\u1ea3n) \u0111\u1ec3 n\u00f3i cho m\u1ecdi ng\u01b0\u1eddi vi\u1ebft r\u1eb1ng c\u00f3 n\u1ed9i dung b\u00ean d\u01b0\u1edbi \u0111\u01b0\u1eddng bi\u00ean fold.<\/li><li><strong>H\u00e3y ki\u1ec3m tra thi\u1ebft k\u1ebf c\u1ee7a b\u1ea1n v\u1edbi ng\u01b0\u1eddi d\u00f9ng c\u00f3 t\u00ednh \u0111\u1ea1i di\u1ec7n<\/strong> \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh \u0111\u1ed9 d\u00e0i trang &#8220;l\u00fd t\u01b0\u1edfng&#8221; v\u00e0 \u0111\u1ea3m b\u1ea3o r\u1eb1ng th\u00f4ng tin m\u00e0 ng\u01b0\u1eddi d\u00f9ng mu\u1ed1n c\u00f3 th\u1ec3 th\u1ea5y d\u1ec5 d\u00e0ng.<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Ket_luan\"><\/span>K\u1ebft lu\u1eadn<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Trong khi thi\u1ebft k\u1ebf web hi\u1ec7n \u0111\u1ea1i c\u00f3 xu h\u01b0\u1edbng tr\u1edf n\u00ean d\u00e0i v\u00e0 bao g\u1ed3m kh\u00f4ng gian \u00e2m, v\u00e0 ng\u01b0\u1eddi d\u00f9ng c\u00f3 th\u1ec3 c\u00f3 xu h\u01b0\u1edbng cu\u1ed9n trang nhi\u1ec1u h\u01a1n so v\u1edbi qu\u00e1 kh\u1ee9, m\u1ecdi ng\u01b0\u1eddi v\u1eabn b\u1ecf nhi\u1ec1u th\u1eddi gian nh\u00ecn h\u01a1n cho ph\u1ea7n tr\u00ean c\u00f9ng c\u1ee7a trang. <\/p>\n\n\n\n<p>N\u1ed9i dung n\u00e0o c\u1ea7n \u01b0u ti\u00ean l\u00e0 b\u01b0\u1edbc quan tr\u1ecdng trong quy tr\u00ecnh l\u00ean-k\u1ebf-ho\u1ea1ch-n\u1ed9i-dung. C\u00e1c t\u00edn hi\u1ec7u \u0111\u1ed3 h\u1ecda m\u1ea1nh m\u1ebd \u0111\u00f4i khi l\u00f4i k\u00e9o ng\u01b0\u1eddi d\u00f9ng cu\u1ed9n v\u00e0 kh\u00e1m ph\u00e1 n\u1ed9i dung b\u00ean d\u01b0\u1edbi \u0111\u01b0\u1eddng bi\u00ean fold. <\/p>\n\n\n\n<p>\u0110\u1ec3 x\u00e1c \u0111\u1ecbnh \u0111\u1ed9 d\u00e0i trang l\u00fd t\u01b0\u1edfng, h\u00e3y ki\u1ec3m tra v\u1edbi nh\u1eefng ng\u01b0\u1eddi d\u00f9ng th\u1ef1c, v\u00e0 nh\u1edb l\u00e0 c\u00e1c trang qu\u00e1 d\u00e0i l\u00e0m gia t\u0103ng nguy c\u01a1 g\u00e2y m\u1ea5t s\u1ef1 ch\u00fa \u00fd c\u1ee7a kh\u00e1ch h\u00e0ng.<\/p>\n\n\n\n<p><em>(D\u1ecbch t\u1eeb b\u00e0i vi\u1ebft Scrolling and Attention, t\u00e1c gi\u1ea3: Therese Fessenden, website: Nielsen Norman Group)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>T\u00f3m t\u1eaft: M\u1ecdi ng\u01b0\u1eddi cu\u1ed9n trang web theo chi\u1ec1u d\u1ecdc (scroll vertically) nhi\u1ec1u h\u01a1n so v\u1edbi tr\u01b0\u1edbc \u0111\u00e2y, nh\u01b0ng d\u1eef li\u1ec7u m\u1edbi v\u1ec1 eyetracking (theo d\u00f5i m\u1eaft ng\u01b0\u1eddi d\u00f9ng) cho th\u1ea5y h\u1ecd v\u1eabn nh\u00ecn nhi\u1ec1u v\u00e0o trang tr\u00ean \u0111\u01b0\u1eddng bi\u00ean fold h\u01a1n l\u00e0 \u1edf b\u00ean d\u01b0\u1edbi n\u00f3. H\u00e0nh vi c\u1ee7a con ng\u01b0\u1eddi kh\u00e1 \u1ed5n \u0111\u1ecbnh &hellip;<\/p>\n","protected":false},"author":1,"featured_media":10715,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[158],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cu\u1ed9n trang web v\u00e0 s\u1ef1 ch\u00fa \u00fd &#8226; Ki\u1ebfn c\u00e0ng<\/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:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cu\u1ed9n trang web v\u00e0 s\u1ef1 ch\u00fa \u00fd &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"T\u00f3m t\u1eaft: M\u1ecdi ng\u01b0\u1eddi cu\u1ed9n trang web theo chi\u1ec1u d\u1ecdc (scroll vertically) nhi\u1ec1u h\u01a1n so v\u1edbi tr\u01b0\u1edbc \u0111\u00e2y, nh\u01b0ng d\u1eef li\u1ec7u m\u1edbi v\u1ec1 eyetracking (theo d\u00f5i m\u1eaft ng\u01b0\u1eddi d\u00f9ng) cho th\u1ea5y h\u1ecd v\u1eabn nh\u00ecn nhi\u1ec1u v\u00e0o trang tr\u00ean \u0111\u01b0\u1eddng bi\u00ean fold h\u01a1n l\u00e0 \u1edf b\u00ean d\u01b0\u1edbi n\u00f3. H\u00e0nh vi c\u1ee7a con ng\u01b0\u1eddi kh\u00e1 \u1ed5n \u0111\u1ecbnh &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-24T08:06:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-20T17:36:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/cuon-trang-web.png\" \/>\n\t<meta property=\"og:image:width\" content=\"803\" \/>\n\t<meta property=\"og:image:height\" content=\"397\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cu\u1ed9n trang web v\u00e0 s\u1ef1 ch\u00fa \u00fd &#8226; Ki\u1ebfn c\u00e0ng","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:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/","og_locale":"vi_VN","og_type":"article","og_title":"Cu\u1ed9n trang web v\u00e0 s\u1ef1 ch\u00fa \u00fd &#8226; Ki\u1ebfn c\u00e0ng","og_description":"T\u00f3m t\u1eaft: M\u1ecdi ng\u01b0\u1eddi cu\u1ed9n trang web theo chi\u1ec1u d\u1ecdc (scroll vertically) nhi\u1ec1u h\u01a1n so v\u1edbi tr\u01b0\u1edbc \u0111\u00e2y, nh\u01b0ng d\u1eef li\u1ec7u m\u1edbi v\u1ec1 eyetracking (theo d\u00f5i m\u1eaft ng\u01b0\u1eddi d\u00f9ng) cho th\u1ea5y h\u1ecd v\u1eabn nh\u00ecn nhi\u1ec1u v\u00e0o trang tr\u00ean \u0111\u01b0\u1eddng bi\u00ean fold h\u01a1n l\u00e0 \u1edf b\u00ean d\u01b0\u1edbi n\u00f3. H\u00e0nh vi c\u1ee7a con ng\u01b0\u1eddi kh\u00e1 \u1ed5n \u0111\u1ecbnh &hellip;","og_url":"https:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2018-08-24T08:06:23+00:00","article_modified_time":"2022-01-20T17:36:46+00:00","og_image":[{"width":803,"height":397,"url":"https:\/\/kiencang.net\/wp-content\/uploads\/2018\/08\/cuon-trang-web.png","type":"image\/png"}],"author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"12 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/","url":"https:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/","name":"Cu\u1ed9n trang web v\u00e0 s\u1ef1 ch\u00fa \u00fd &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2018-08-24T08:06:23+00:00","dateModified":"2022-01-20T17:36:46+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/cuon-trang-web-va-su-chu-y\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"Cu\u1ed9n trang web v\u00e0 s\u1ef1 ch\u00fa \u00fd"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/10703"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=10703"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/10703\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media\/10715"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=10703"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=10703"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=10703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}