Kiến thức onsite (Dân SEO cầm đống này vứt qua cho code)

Hi all
Gửi đến các anh chị diễn đàn SEO IDVS, đây là một số kiến thức căn bản mà cách để chúng ta làm việc với code khi gặp khó về kỹ thuật trong lập trình.

1. URL (tĩnh / động, khả năng tùy biến, cấu trúc …)

URL động không thân thiện với các công cụ tìm kiếm và có nguy cơ mất vị trí trên công cụ tìm kiếm, Một URL động thường là các diễn đàn hoặc các trang web thiết kế bằng mã nguồn mở:

Mã:

https://idichvuseo.com/forums/thread.php?threadid=12345&sort=date

Một URL tĩnh, là một URL không thay đổi , và không có các chuỗi, biến:

Mã:

https://forum.idichvuseo.com/forum/kien-thuc-onpages.12/

URL tĩnh thường được xếp hạng tốt hơn trong công cụ tìm kiếm , và được lập chỉ mục nhanh hơn so với các URL động , nếu các URL động hầu như là giống nhau thì URL tĩnh dễ dàng hơn cho người dùng xem và hiểu trang web của bạn nói về những gì . Nếu họ thấy một URL trong một truy vấn cụ tìm kiếm phù hợp với các tiêu đề và mô tả, họ có nhiều khả năng nhấp vào URL đó hơn một trong đó không có ý nghĩa đối với họ.
Một công cụ tìm kiếm muốn các chỉ mục của nó mà là duy nhất . Công cụ tìm kiếm quyết định cắt đứt các URL sau khi một số cụ thể của chuỗi biến (ví dụ : & = ) .

2. Tùy biến tiêu đề

Gửi cái này qua cho code, và nói là làm sao để em có thể tuỳ biến tiêu đề trên Google. Ở wp thì có vài plugin đấy
Ví dụ: plugin seo by yoast, plugin seo ultimate ...( vào tiện plugin gõ chữ này vào tìm kiếm)
Nếu không có tuỳ biến được thì google sẽ lấy tự động lấy thẻ tiêu đề trên website => khó khăn trong tối ưu và giật tít

3. Tùy biến meta description

Tượng tự mục 2

4. Tùy biến meta keywords

Tương tự mục 4

5. Nội dung meta language

Cái này mục đích là nói với ông Google là tôi đang sài website có ngôn ngữ nào, nếu là tiếng việt thì thêm dòng sau

Mã:

<meta http-equiv="content-language" content="vi" />

6. Breadcrumb, cấu trúc navigation

Breadcrumb là tập hợp các đường link phân cấp giúp khách truy cập biết mình đang ở vị trí nào của website, chuyên mục nào từ đó có thể di chuyển thuận lợi từ trang này trang khác trong 1 website. Nếu một website có cấu trúc phức tạp mà lại không cóBreadcrumb thì người dùng dễ lâm vào tình trạng “bị lạc” muốn khai báo với google là website tôi có cấu trúc bài bản
Hình demo


7. Cấu trúc Hx tags trong code (h2 - h6)

Nói với code là làm sao tôi có thể biên tập trong soạn thảo có thể làm sử dụng dụng được các thẻ heading

8. Cấu trúc đa ngôn ngữ (phân biệt url với các ngôn ngữ khác nhau, tốt nhất là subdomain)

Chỉ dành cho các website nhiều ngôn ngữ. Kỹ thuật ở làm ở mục 5

9. Sitemap.xml (Đã submit chưa, tình trạng submit & index)

Đúng như tên của nó, Sitemap (sơ đồ của một website) là tập tin văn bản có chứa tất cả các URL (đường dẫn) của một website. Nó cũng có thể chứa các siêu dữ liệu về mỗi URL, thông báo cho bạn khi nó mới được cập nhật.

• Đối với wp thì sài plungin
• Đối với các mã nguồn khác thì sài ông này =>
  Mã:

  http://www.xml-sitemaps.com/

  hoặc tự code

Nhớ nạp cho webmarter để index nhanh hơn, test thử thành công hay chưa gõ domain/sitemap.xml hoặc domain/sitemaps.xml

10. Robots.txt

Robots.txt là file văn bản có cấu trúc, khi các spider (bot, crawler) của các SE (Search engine) vào website để thu thập dữ liệu thì sẽ vào file robots.txt để xem các chỉ dẫn trong file này.
Những cú pháp thông dụng trong file robots.txt

• User-agent: đối tượng bot được chấp nhận
• Disallow/Allow: URL muốn chặn/cho phép

Google seach để tìm hiểu kỹ hơn. Mục đích chính của file này giúp là ta muốn chặn con bọ của bộ máy tìm kiếm ở một url nào đó và một vài thứ nâng cao

11. Dofollow và Nofollow

Mục tiêu cái này khi thực hiện code để mình đặt thẻ nofolow khi không chú trọng vào langdingpage nào đó hoặc liên kết ngoài
12. Trang báo lỗi 404

“404 Page Not Found” mỗi khi truy cập một trang web bất kì và bạn hay gọi đó là lỗi 404 – cách mô tả đơn giản nhất cho việc website bị lỗi không thể truy cập được
Mục 12 này ý nói rằng bảo code thiết kế một page 404 thật đẹp, đừng để tỷ lệ thoát tăng cao.
Lưu ý: có thể 301 tất cả 404 về trang chủ.

13. Rel canonical

Tên gọi “Canonical”, “canonical tags” “rel=canonical” mà nhiều người vẫn tìm kiếm, hiểu chung ý nghĩa như nhau. Đây là một thẻ HTML được đặt trong phần <HEAD> của một Website – Phần nội dung người dùng không nhìn thấy.

Mã:

<meta rel=”canonical” href=”http://example.com/content-news.html”/>

Canonical được tạo ra, sử dụng với mục đích ngăn chặn vấn đề trùng lặp nội dung (duplicate content) của một Website. Nó sẽ giúp người quản trị thông báo với cỗ máy tìm kiếm biết đâu là nội dung gốc, nội dung chất lượng hơn trên Website.

14. Redirect 301 www tới non www (hoặc ngược lại)

Mục đích cái này không thể index cùng một lúc hai page giống nhau, bộ máy tìm kiếm xem trang web bạn www.idichvuseo.com và idichvuseo.com là khác nhau. => 301 về 1 thôi
Code www về non wwww
Thực thi trên file .htaccess

Mã:

RewriteEngine On
RewriteBase /
RewriteCond %{HTTP_HOST} ^www.idichvuseo.com [NC]
RewriteRule ^(.*)$ https://idichvuseo.com/$1 [L,R=301]

Anh @Mr.N2 bổ sung file .htaccess

Mã:

.htaccess là tập tin cấu hình ở tầng thư mục ngoài việc dùng để rewrite url đẹp hơn hoặc chuyển hướng liên kết từ cũ sang mới mà .htaccess còn giúp nén, cache, tăng thời gian lưu trữ tập tin trên trình duyệt.

01. Sử dụng mã .htaccess dưới đây sẽ góp phần giúp website của bạn cải thiện điểm số PageSpeed. Diễn giải có trong từng gạch đầu dòng.
Mã:
# Compress text, HTML, JavaScript, CSS, and XML
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
# Remove browser bugs
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
# Cache
FileETag MTime Size
# AddOutputFilterByType is now deprecated by Apache. Use mod_filter in the future.
AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript
# Enable expiration control
ExpiresActive On
# Default expiration: 1 hour after request
ExpiresDefault "now plus 1 hour"
# CSS and JS expiration: 1 week after request
ExpiresByType text/css "now plus 1 week"
ExpiresByType application/javascript "now plus 1 week"
ExpiresByType application/x-javascript "now plus 1 week"
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##
02. Redirect liên kết hay còn gọi là chuyển hướng liên kết được dùng khi liên kết cũ bị hỏng không truy cập được, hoặc nếu truy cập được sẽ hiển thị thông báo 404 không tìm thấy. Để sửa lỗi này tốt hơn hết là dùng phương pháp chuyển hướng liên kết để thông báo với khách truy cập hoặc bots tìm kiếm là đã bỏ cái cũ đi rồi và sử dụng url mới.

Trong chuyển hướng liên kết được chia làm 02 loại, đó là 301 và 302.

301: Chuyển hướng liên kết vĩnh viễn.
302: Chuyển hướng liên kết tạm thời.

.htaccess sử dụng chuyển hướng liên kết 301:
Mã:
# 301 Redirect
Redirect 301 /forum/advertisers-publishers.59/ https://forum.idichvuseo.com/forum/tai-nguyen-digital-marketing.21/
3. .htaccess ngoài khả năng góp phần cải thiện SEO còn góp phần tăng cường bảo mật cho website. Điển hình như việc redirect truy cập trực tiếp vào IP máy chủ.

Có nhiều bạn xây dựng hệ thống site vệ tinh suy nghĩ nên sử dụng IP riêng để tránh trùng lặp địa chỉ IP để Google không phát hiện để tránh phạt website. Với việc sử dụng IP riêng như vậy thì có 02 cách để truy cập vào website đó là truy cập qua tên miền hoặc truy cập qua IP riêng đã được cấu hình.

Đối với việc truy cập qua IP riêng thì không nên vì dễ dàng tạo sơ hở để các kẻ tấn công DDOS (tấn công từ chối dịch vụ) sẽ điều khiển botnet để request qua IP thực của server mà không thông qua tên miền đã được bảo vệ bởi các lớp tường lửa của các dịch vụ nổi tiếng như CloudFlare.com, Sucuri.com,...
Mã:
# Redirect IP
Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^123.234.456.789 [NC]
RewriteRule ^(.*)$ https://google.com/$1 [L,R=301]

15. Facebook like, Google plus, Twitter, share mạng xã hội

Ở Việt Nam thì Facebook và Google plus hoặc pinterest . À Có mail nữa

16. Tốc độ tải trang

(Performance, dung lượng hình ảnh, flash, video, code, css, js...)
Load nhanh nhất có thể, load cở như site này của em là ngon nè => https://chinhgoc.vn Ngước mặt lên trời hận đời vô đối

17. Font size, font type
18. Verify quyền tác giả qua Google plus
19. Dublin Core
Dublin Core là chuẩn dùng để mô tả dữ liệu trong các thẻ Metadata nhằm khai thác các tài liệu trong thư viện và trên các Web thông qua Internet.

Mỗi yếu tố Dublin Core được đặt tên (Element Name) và quy định nhãn (label) để sử dụng ghi vào trong thẻ meta. Mỗi yếu tố được định nghĩa cụ thể để mô tả đối tượng và có chú thích rõ ràng.

Mã:

<!-- Dublin Core-->
 <link rel="schema.DC" href="http://purl.org/dc/elements/1.1/">
 <meta name="DC.title" content="Web Analytics, Funnel Analysis, SEO Tools, and Social Monitoring : FoxMetrics">
 <meta name="DC.identifier" content="https://idichvuseo.com">
 <meta name="DC.description" content="IDVS là diễn đàn SEO đầu tiên được Bộ TTTT cấp giấy phép Mạng Xã Hội và là nơi thảo luận SEO, học SEO Online chất lượng nhất Việt Nam.">
<meta name="DC.subject" content="Web Analytics, Funnel Analysis, Website Grader, Social Media Monitoring, SEO Tools">
 <meta name="DC.language" scheme="UTF-8" content="vi">

Thẻ này theo quan điểm riêng để hoàn thiện thôi chứ đánh giá không cao về mục này

20. Geo Meta Tags
Thẻ Meta Ge để áp dụng cho Local SEO, tối ưu và hiển thị xếp hạng trang web của bạn theo địa điểm tìm kiếm trong từ khóa của người tìm kiếm. Ví dụ: Một người tìm kiếm từ khóa và thêm chữ Hà Nội vào, thì kết quả của Google trả về sẽ ưu tiên hiển thị và xếp cao hơn với các trang web có thẻ Meta Geo ở Hà Nội.
Cách làm: vào đây

Mã:

http://www.geo-tag.de/generator/en.html

gõ địa chỉ gần chính xác của địa chỉ của bạn sau đó kéo xuống dưới coppy bỏ vào trong phần head là xong

21. Hình ảnh

22. Favicon

Favicon là gì? : Favicon (Biểu tượng yêu thích) là một ảnh nhỏ hiển thị thị trước tiêu đề của trang web trên thanh tiêu đề của trình duyệt. Favicon cũng được hiển thị khi người dùng bookmark địa chỉ trang web của bạn.


Chèn mã HTML để tạo favicon Chèn đoạn mã sau vào phần <head> của trang web.



23. Cài https

Nhiều cách sử dụng và nhiều đơn vị cung cấp, liên hệ dịch vụ cung cấp họ sẽ support (cái này mới chắc nhiều người biết)

24. Cài đặt AMP
(update AMP: ngày 06-03-2017) Em thấy cái amp này nó load khá tốt trên công cụ seachr của goolge
Nếu là web mã nguồn mở wp có plugin cài đặt
Lời khuyên: Nếu website bạn là tin tức thì nên cài đặt, còn các website chính kinh doanh dịch vụ sản phẩm, nhiều chức năng khác nhau thì tỷ lệ chốt sales trong SEO( SEO chuyển đổi sang Sales) rất thấp, mình đã thử. Phì giao diện trên amp của Google rất cùi mía.
Còn các bạn không dùng plungin thì nói code hỗ trợ làm theo kiến thức theo trang chính thức của dưới đây. Mình chưa dùng AMP tự code nên chưa rõ nó sẽ như thế nào

Mã:

https://www.ampproject.org/

25. Dữ liệu có cấu trúc

Có nhiều loại mỗi loại sẽ có cách dùng khác nhau em list kiểu: Sản phẩm, event, tin tức, blog

26 Tối ưu hoá tỷ lệ chuyển đổi

Bình thường nói tối ưu hóa UX & UI thì nghĩ chỉ mấy anh em thiết kế Designer làm, còn SEO thì không? Nhưng thực tế nếu SEO mà chuyên nghiệp thì kết hợp với Designer thì cực tuyệt vời.

loading...........
Mọi người cùng update nhé
Note:

Mục 25, 26: @doiseocom (A.Trần Ngọc Thuỳ) update
Mục 14: @Mr.N2 (A. Nguyên Nghĩa) update


Những cái trên làm không được thì vứt cho code họ làm nhé, có gì sai sót bỏ qua. Nếu thấy hay tiếc gì một like cho mình nào

Tổng hợp Mod @NguoiAnDanh​

 

Goodjob man!

Thêm hình vào đầu bài viết để promote ra homepage đi em

 

Bổ sung thêm kiến thức về mục số 14 hay kiến thức về .htaccess

.htaccess là tập tin cấu hình ở tầng thư mục ngoài việc dùng để rewrite url đẹp hơn hoặc chuyển hướng liên kết từ cũ sang mới mà .htaccess còn giúp nén, cache, tăng thời gian lưu trữ tập tin trên trình duyệt.

01. Sử dụng mã .htaccess dưới đây sẽ góp phần giúp website của bạn cải thiện điểm số PageSpeed. Diễn giải có trong từng gạch đầu dòng.

Mã:

# Compress text, HTML, JavaScript, CSS, and XML
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
# Remove browser bugs
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
# Cache
FileETag MTime Size
# AddOutputFilterByType is now deprecated by Apache. Use mod_filter in the future.
AddOutputFilterByType DEFLATE text/plain text/html text/xml text/css application/xml application/xhtml+xml application/rss+xml application/javascript application/x-javascript
# Enable expiration control
ExpiresActive On
# Default expiration: 1 hour after request
ExpiresDefault "now plus 1 hour"
# CSS and JS expiration: 1 week after request
ExpiresByType text/css "now plus 1 week"
ExpiresByType application/javascript "now plus 1 week"
ExpiresByType application/x-javascript "now plus 1 week"
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##

02. Redirect liên kết hay còn gọi là chuyển hướng liên kết được dùng khi liên kết cũ bị hỏng không truy cập được, hoặc nếu truy cập được sẽ hiển thị thông báo 404 không tìm thấy. Để sửa lỗi này tốt hơn hết là dùng phương pháp chuyển hướng liên kết để thông báo với khách truy cập hoặc bots tìm kiếm là đã bỏ cái cũ đi rồi và sử dụng url mới.

Trong chuyển hướng liên kết được chia làm 02 loại, đó là 301 và 302.

301: Chuyển hướng liên kết vĩnh viễn.
302: Chuyển hướng liên kết tạm thời.

.htaccess sử dụng chuyển hướng liên kết 301:

Mã:

# 301 Redirect
Redirect 301 /forum/advertisers-publishers.59/ https://forum.idichvuseo.com/forum/tai-nguyen-digital-marketing.21/

3. .htaccess ngoài khả năng góp phần cải thiện SEO còn góp phần tăng cường bảo mật cho website. Điển hình như việc redirect truy cập trực tiếp vào IP máy chủ.

Có nhiều bạn xây dựng hệ thống site vệ tinh suy nghĩ nên sử dụng IP riêng để tránh trùng lặp địa chỉ IP để Google không phát hiện để tránh phạt website. Với việc sử dụng IP riêng như vậy thì có 02 cách để truy cập vào website đó là truy cập qua tên miền hoặc truy cập qua IP riêng đã được cấu hình.

Đối với việc truy cập qua IP riêng thì không nên vì dễ dàng tạo sơ hở để các kẻ tấn công DDOS (tấn công từ chối dịch vụ) sẽ điều khiển botnet để request qua IP thực của server mà không thông qua tên miền đã được bảo vệ bởi các lớp tường lửa của các dịch vụ nổi tiếng như CloudFlare.com, Sucuri.com,...

Mã:

# Redirect IP
Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^123.234.456.789 [NC]
RewriteRule ^(.*)$ https://google.com/$1 [L,R=301]

Tạm thời vậy đã. Anh em có bí kíp nào chia sẻ thêm nhé

 

Bác nói đúng, url tỉnh lúc nào cũng có lợi thế đặc biệt cả web thiết kế bằng html cực kỳ chất và mau top trụ top lâu dễ tùy biến và seo nhẹ. còn url động rất khó tùy biến theo sở thích của mình, mình có 1 trang web ong anh muốn làm lại nhưng tất cà các cty thiết kế web họ bó tay ko làm lại dc. chì khác url nhưng từ khóa tóp thì sai 1 ký tự url sẽ dẫn đến từ khòa tụt ko phanh. sản tiện cho mình hỏi bác có các nâng 1 trang web tỉnh bằng html thành code động ko thêm cơ sở dữ liệu, chứ html bất kỳ web nào mình làm cũng dc cả diễn đàn xenforo làm giống 99% tất cả web đó, mà ko cách nào code lên dc cơ sở dữ liệu. đang tim thầy mà ko thấy ai đa số bằng động có sẵng.