✍️
cssadvand
  • [BEM] Exploring SMACSS: Scalable and Modular Architecture for CSS
  • 😀CSS-only infinite scrolling carousel animation (ok)
  • css carousel
  • 🤡 Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 1)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 2)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 3)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 4)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 5)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 6)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 7)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 8)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 9)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 10)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 11)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 12) [Phần đặc biệt]
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 13)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 14)
  • 😘Thuộc tính tabindex="-1" không ngờ lại nguy hiểm vậy đọc bài dưới 😌
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 15)
  • 🥸CSS tạo theme cho dark mode đọc bài (Phần 16)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 16)
  • Mẹo để optimize Google Fonts API mà ít dev để ý đọc (Phần 17)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 17)
  • Thật may nhờ có white-space: pre-line đọc (Phần 18)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 18)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 19)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 20)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 21)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 22)
  • Thuộc tính image-rendering nhờ bài (Phần 23) mà phát hiện ra cách làm bức ảnh mờ trở nên rõ nét
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 23)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết 🤡
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 24)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 25)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 26)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 27)
  • 😘mix-blend-mode pha trộn giữa 1 đối tượng với đối tượng bên dưới đó (Phần 28)
    • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 28)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 29)
  • 🥸aspect-ratio (Phần 30)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 30)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 31)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 32)
  • Một vài thủ thuật CSS mà chính Frontend có thể còn chưa biết (Phần 33)
  • 😘CSS Scroll Triggered Animations Full (ok)
  • 🥹Difference between animation and transition in CSS
  • 😄animation-timeline có phải nó làm việc với thanh cuộn (ok)
  • 😍Từ bài animation-timeline làm việc với thanh cuộn tìm ra cách sử dụng background-clip: text;
  • background-clip: text;
  • 😅Sử dụng list-style-type để tạo icon đẹp (ok)
  • 😁Convert css to scss good (ok)
  • 😁CSS - Hướng dẫn: Tạo ảnh động với hàm steps()
  • 😆Multiple image cross fading in CSS - without (java) khá đẹp script (ok)
  • 😇Function css full 🤩
  • 😅[SVG] SVG viewBox Attribute (ok)
  • 😅Tailwind CSS (ok)
  • 😍Thật không thể tin được sử dụng filter: brightness(0) invert(1); để chuyển màu ảnh 🤣
  • 😅Background text matter.vn (ok)
  • 😆Chọn màu, color, color contrast ratio (ok)
  • 😁Tổng hợp Animating SVG text cực đẹp (ok)
  • 😂Chuyển động tròn :(
  • 😆MOVE-BG mepop.vn (ok)
  • 😆Counter Increment list, number xuongkhopbacninh.com (ok)
  • Boxes That Fill Height, full Height(Or More) (and Don’t Squish) (ok)
  • Equal Height (chiều cao bằng nhau) (oK)
  • 😅Sử dụng nodejs và scss cấu trúc thư mục tốt P.1(ok)
  • 🥲Sử dụng nodejs và js cấu trúc thư mục tốt P.2 (ok)
  • === START STUDY P.1 && P.2 SỬ DỤNG NODEJS VÀ CẤU TRÚC ===
  • 😉1 Giao diện sử dụng thuộc tính data-coreui-toggle="dropdown" (ok)
  • === END STUDY P.1 && P.2 SỬ DỤNG NODEJS VÀ CẤU TRÚC ===
  • 😆Css box-shadow đẹp (ok)
  • === START Tutorials Classical BEM stack ===
  • 😀HTML with BEM (ok)
  • 😀CSS with BEM (ok)
  • === END Tutorials Classical BEM stack ===
  • === START SMACSS ===
  • Categorizing CSS Rules
  • Base Rules
  • Layout Rules
  • Module Rules
  • State Rules
  • Theme Rules
  • Changing State
  • === END SMACSS ===
  • All CSS Grid Properties (ok)
  • 😇Column Grid full example(Responsive)
  • === Start Điều quan trọng nhất cách chia cột và thay đổi vị trí ===
  • CSS Grid căn bản - Phần 1
  • CSS Grid căn bản - Phần 2
  • CSS Grid: Holy Grail Layout
  • Sử dụng CSS Grid để xây dựng web layout
  • Luyện tập CSS Grid qua bài tập tạo layout Airbnb, youtube, Pinterest
  • === End Điều quan trọng nhất cách chia cột và thay đổi vị trí ===
  • Overflow:hidden dots at the end full (ok)
  • Gulp để viết Sass && cai dat
  • Cách nhúng font vào svg (ok)
  • font-face Hướng dẫn conver font và nhúng sử dụng online (ok)
  • 😇Create CSS Animations on Scroll (ok)
  • Hiệu ứng hover bằng js hiện phần description (ok)
  • Text Link on Hover phần 1 (ok)
  • Kết hợp transition & transform-origin phần 2 (ok)
  • Text Hover Phần 3 (ok)
  • Social Media Icons hover effect (ok)
  • css rotate a pseudo :after or :before content:""
  • Hiệu ứng ảnh tự zoom, animation, scale phần 1 full (ok)
  • CodePen Home Image zoom on hover - auto run - view (ok)
  • scroll-padding (ok)
  • Tạo vòm giống styleathome (ok)
  • Tổng hợp những css đẹp để làm trang trí (ok)
  • Cách thay đổi màu svg full (ok_)
  • Disable Auto Zoom in Input “Text” tag - Safari on iPhone (ok)
  • function calc css (ok)
  • Get the scroll distance from bottom to scroll, var distanceFromBottom (ok) vinmec.com (ok)
  • ---------- Start CSSscan không sử dụng ----------------------
  • Unused CSSscan your website for unused CSS selectors (ok)
  • PurifyCSS OnlineRemove unused CSS code from your stylesheets (ok)
  • Remove unused CSS styles from Bootstrap using PurgeCSS (ok)
  • 😆Thêm column, media bootstrap, custom bootstrap (ok)
  • ---------- End CSSscan không sử dụng ----------------------
  • Xây dựng blog đơn giản (Node + React)
  • Các tham số của Gulp
  • File đã thực hành với Gulp (ok
  • gulp-livereload (chưa đọc)
  • Tối ưu hiệu năng Google Fonts (ok)
  • Học CSS GRID thông qua những layout phức tạp
  • [GRID] sử dụng grid xây dựng layout giống Masonry (ok)
  • PageSpeed Insights Chrome Extension (ok)
  • Tăng tốc website bằng cách cải thiện front-end
  • Code chuẩn SEO là gì
  • 10 CSS3 Animation Tools phổ biến
  • Trang check SEO OKE
  • Làm sao để SEO từ khóa?
  • Kiểm soát web typography với việc hiển thị CSS font (ok)
  • Các mẫu phông chữ hiển thị và thuộc tính hiển thị phông chữ của CSS
  • Một số mẹo tối ưu hóa HTML/CSS/JS đúng chuẩn
  • Web Performance
  • Preload, Prefetch, Preconnect (ok)
  • Tối ưu hóa phần Front end cho trình duyệt (part 1)
  • Tối ưu hóa phần Front end cho trình duyệt (part 2)
  • Sử dụng thuộc tính attr html && css (ok)
  • Disable Auto Zoom in Input “Text” tag - Safari on iPhone (ok)
  • CSS submit button weird rendering on iPad/iPhone submit color (ok)
  • Turn off iPhone/Safari input element rounding (ok)
  • scroll bongda.com.vn (ok)
  • Làm chiếc xe ô tô chuyển động giống 2020.yp.vn (ok)
  • Sự khác biệt giữa :empty và :blank trong CSS (ok)
  • Is there a CSS parent selector? (ok)
Powered by GitBook
On this page
  • Làm sao để SEO từ khóa?
  • Làm sao để SEO từ khóa?

Was this helpful?

Làm sao để SEO từ khóa?

PreviousTrang check SEO OKENextKiểm soát web typography với việc hiển thị CSS font (ok)

Last updated 5 years ago

Was this helpful?

Làm sao để SEO từ khóa?

Làm sao để SEO từ khóa?

Ngày nay khi internet đã phổ biến khắp toàn thế giới, toàn bộ công việc từ trao đổi, mua bán đều được diễn ra trên internet thì việc SEO các websites để phục vụ công việc là điều cần thiết. Bạn có biết SEO nghĩa là gì? SEO là viết tắt của cụm từ Search Engine Optimization, nghĩa là tối ưu hóa công cụ tìm kiếm. Nó là bao gồm nhiều phương pháp để nâng cao thứ hạng của website trên trang kết quả của các công cụ tìm kiếm như google, bing

SEO1.jpg

SEO chính là quá trình tối ưu hóa website, để làm cho website phù hợp hơn với các công cụ tìm kiếm nhằm tăng lượng truy cập qua các từ khóa và đồng thời tăng lượng truy cập vào trang web. Khi trang web được SEO tốt thì website sẽ luôn xuất hiện ở trang đầu tiền khi người dùng sử dụng công cụ tìm kiếm. SEO có nhiều hướng, nhiều thể loại phụ thuộc vào mục tiêu mà người làm SEO hướng tới, ví dụ như tìm kiếm từ khóa, tìm kiếm hình ảnh, tìm video.

Đa số người dùng internet đều sử dụng công cụ tìm kiếm mỗi ngày và hầu hết trong số họ đều chỉ tập trung vào trang đầu tiên trong kết quả tìm kiếm. Như vậy nếu như trang web của bạn đang xếp hạng ở trang thứ 2 hay các sau nữa cho từ khóa chính của bạn thì coi như bạn đã mất đi một lượng lớn khách hàng. Hiện nay hầy hết các công ty và đặc biệt là những người buôn bán đều nhìn ra và số lượng người làm SEO đang tăng lên. Họ ý thức được sự quan trọng của việc tối ưu hóa website, và họ cố gắng để triển khai các thủ thuật nhằm tăng lượng truy cập tới các trang web của họ. Và ở VN thì công việc SEO sẽ chủ yếu xoay quanh 3 công cụ tìm kiếm phổ biến nhất đó là Google, Yahoo và Bing

Cách SEO web? Các công cụ tìm kiếm đều có các thuật toán khác nhau, chính vì vậy người làm SEO phải có những phương pháp tối ưu riêng cho bản thân. SEO chính là kỹ thuật, là bí quyết thực sự đối với các nhà quản trị, xây dựng website và những người làm marketing online.

Trước khi bắt tay vào SEO thi bạn cần biết sử dụng các công cụ để phân tích kỹ những từ khóa mà bạn sẽ SEO, công cụ được sử dụng nhiều nhất hiện nay chính là Google's Adwords Keyword tool. Với công cụ này bạn sẽ đánh giá được mức độ cạnh tranh của các từ khóa. Lựa chọn từ khóa để SEO, và SEO với những cách sau.

1. SEO tên miền:

Việc sử dụng từ khóa chứa trong tên miện là 1 việc dễ dàng và rất hiệu quả. Bởi vì tên miền của bạn hầu hết là đặt đúng mục đích mà bạn sử dụng, giả sử công ty chứng khoán FRAMGIA thì việc đăng kí tên miền sẽ nên là chungkhoanFramgia sẽ tốt hơn nhiều so với chỉ có FRAMGIA.

Phần đuôi thì bạn nên chọn những tên miền phổ biến như .com, .net, .org (đặc biệt là .com) . Hoặc bạn cũng tùy thuộc vào vùng địa lý để chọn tên miền, ví dụ như ở VN thì nên đăng kí bộ đôi tên miền .vn và .com.vn. Cấu trúc url cho các sub-domain cũng là một cách hiệu quả, bạn sẽ chọn từng lĩnh vực nhất định mà bạn làm để tạo ra các sub-domain tương ứng. Sub-Domain cần phải ngắn gọn, đúng mục đích.

2. SEO trên menu website

Thanh menu hiện nay của hầu hết website đều có các mục là trang chủ, trang giới thiệu, trang sản phẩm, dịch vụ và trang liên hệ. Nếu được thì bạn nên tìm cách thay thế những từ trên mục menu bằng các từ khóa liên quan đến công việc kinh doanh, thường thì sẽ kinh doanh 1 số mặt hàng nhất định. Ví dụ như công ty bán máy tính Bảo An thay vì ghi là trang sản phẩm thì sẽ ghi là máy tính Bảo An.

3. SEO title

Việc SEO title này cũng rất hiệu quả, trong các sản phẩm, bài viết …. bạn cố gắng gắn từ khóa vào trong title sẽ khiến cho rank của từ khóa đó cũng sẽ được lên cao. Đặc biệt nó sẽ tạo ra nhiều sitelink cho trang của bạn. Ví dụ như mục tuyển dụng của công ty FRAMGIA, bạn muốn SEO cho từ khóa là tuyển dụng thì ngay trong các tiêu đề của bài sẽ luôn gắn từ tuyển dụng thay vì dùng các từ khác. Như vậy khi người dùng search từ khóa tuyển dụng thì trang web của bạn sẽ không chỉ hiển thị 1 kết quả mà nó sẽ cho ra rất nhiều kết quả, và kéo từ khóa tuyển dụng lên cao.

4. SEO nội dung

Ngoài số lượng các bài viết thì chất lượng các bài viết cũng là 1 tiêu chí để các công cụ tìm kiếm đánh giá và xếp hạng. Thứ nhất là trong bài viết phải luôn luôn chưa từ khóa. Thứ hai là số lượng từ khóa không nên bị lặp lại quá nhiều khiến cho khách hàng cảm thấy khó chịu.

Và nếu bài viết là copy thì nên để lại backlink đến nguồn của bài viết, và bạn cũng nên link đến 1 số bài viết hay nội dung liên quan đến. Khi độc giả click vào các đường link dẫn đến nguồn gốc khác thì thứ hạng của web cũng sẽ được nâng lên vì tính cộng đồng và tôn trọng bản quyền.

5. Kết hợp bài viết, hình ảnh, video

Bạn có biết là ảnh hay video đều có thể dùng để SEO rất hiệu quả. Trong bài viết bạn nên cho thêm hình ảnh hoặc video và để khiến cho bài vết sinh động và thân thiện hơn với người dùng nhưng đồng thời nó cũng sẽ giúp tăng hạng website. Khi chèn ảnh và video vào thì bạn nên để tên file ảnh chứa các từ khóa, detail của ảnh cũng nên chứa từ khóa. Sau dó trong code bạn sẽ tạo thẻ title để mô tả ảnh, đồng thời sẽ cho từ khóa thích hợp vào. Còn với video thì bạn có thể đưa lên youtube và bạn sẽ để từ khóa trong title, mô tả và tags. Bạn nên dành thời gian để chèn các thẻ Atl & Title cho ảnh

6. Backlink

Backlink nhằm tăng thứ hạng và giúp trỏ về website của bạn. Có rất nhiều cách để xây dụng backlink như là : viết bài và comment trong các diễn đàn, blog … càng nhiều backlink về site của bạn thì nó sẽ càng được nâng cao. Tuy nhiên khi xây dựng backlink nên nhớ 3 nguyên tắc chính đó là chất lượng site đặt link, vị trí đặt link và tính liên quan của bài viết. Bởi vì khi site đặt link có thứ hạn kém thì nó đồng thời cũng làm giảm thứ hạng của bạn, vị trí đặt link cần thuận tiện, và đặc biệt là đừng cố đặt backlink vào các bài viết không liên quan, đừng cố spam bởi vì như thế sẽ rất có khả năng làm giảm thứ hạng của bạn.

7. URL thân thiện

Bạn nên sử dụng các từ khóa trong URL của mình, đừng nên chèn những thứ khó hiểu vào bên trong. Một bài viết về kĩ thuật CSS chẳng hạn, bạn không nên dùng URL là

https://viblo.asia/sonchedinh/posts/qm6RWq5zGeJE https://viblo.asia/sonchedinh/posts/toi_uu_hoa_css

Mà URL nên đặt là

https://viblo.asia/sonchedinh/posts/1353-toi-uu-hoa-css

Bởi vì việc sử dụng id bài viết là 1 đoạn mã như thế thì coi như không tận dụng được URL. Bạn cũng nên dùng dấu gạch giữa thay cho dấu gạch dưới vì với các công cụ tìm kiếm thì dấu gạch giữa được coi như là một dấu cách trống.

8. Mạng xã hội

Song song với việc xây dựng website thì bạn nên tạo ra các kênh, fanpage, group để tăng thứ hạng tìm kiếm và đa dạng hóa nguồn khách truy cập. Đặc biệt trong giai đoạn hiện nay thì thời gian người dùng sử dụng các mạng xã hội rất lớn. Việc quảng bá trên các mạng xã hội là điều nên làm và phải làm.

Search Engines.png
ten mien 2.jpg

Thanh điều hướng sẽ giúp độc giả ấn tượng và ghi nhớ nội dung chính của website, và khi truy cập vào trang web người ta sẽ biết ngay vị trí cần tìm kiếm. Ví dụ như khi truy cập vào ta thường thấy một số mục như kinh doanh, giải trí, thể thao … Khi truy cập thì người dùng sẽ ấn vào những mục mà người ta cần đọc nhưng đồng thời cũng khiến cho google nhanh chóng tạo sitelink. Dùng SEO với các sitelink thế này rất có hiệu quả, hầu hết các từ khóa trong bài viết được index thành sitelink có thứ hạng rất cao.

content.jpg
backlinks.png
twitter_face.jpg
vnexpress.net
SEO