×"Chúng tôi không cố gắng trở thành công ty lớn nhất. Chúng tôi muốn trở thành người giỏi nhất trong lĩnh vực của mình cam kết lâu dài với lĩnh vực này"
×"Chúng tôi không cố gắng trở thành công ty lớn nhất. Chúng tôi muốn trở thành người giỏi nhất trong lĩnh vực của mình cam kết lâu dài với lĩnh vực này"

Tối ưu hóa css cho seo tối ưu hóa code javascript

Tại sao phải tối ưu hóa CSS theo chuẩn SEO. Nó sẽ giúp bạn cải thiện tốc độ tải trang website và thân thiện hơn với các công cụ tìm kiếm.

Tối ưu hóa css cho seo 1

Tại sao phải tối ưu hóa CSS theo chuẩn SEO. Nó sẽ giúp bạn cải thiện tốc độ tải trang website và thân thiện hơn với các công cụ tìm kiếm.

1. Kết hợp các mã màu một cách tối đa

Ví dụ: thay vì

article { background-color: rgb(255,255,255); Hoặc article { background-color: #ffffff; }

Nhưng bạn nên viết lại ngắn hơn:

article { background: #fff; }

Với những mã màu thập lục có dạng #xxxxxx hoặc #xxyyzz thì lần lượt có thể viết gọn lại thành #xxx và #xyz.

Ví dụ:  #ff0000(màu đỏ) thành #f00,     #000000(màu đen) thành #000

2. Các thuộc tính trùng lặp nên viết gọn lại

Ví dụ p { font-family: Arial; font-weight: normal; line-height: 1.33em; font-size: 1.22em; } … p { font-family: Georgia, serif; font-weight: normal; line-height: 1.33em; font-size: 1.33em; }

Bạn nên  viết lại thành:

p { font-family: Georgia, serif; font-weight: normal; line-height: 1.33em; font-size: 1.33em; }

3. Rút gọn cú pháp nếu có thể

Ví dụ về thẻ P được css lại:

p { font-family: Georgia, serif; font-weight: normal; line-height: 1.33em; font-size: 1.33em; }

Ban nên dùng cú pháp sau

p { font: normal 1.33em/1.33 Georgia, serif; }

Một số ví dụ hay gặp trong khi làm CSS:

 - 4 thuộc tính background

background-color: #fff; background-image: url(i/dope.png); background-repeat: repeat-x; background-position: 0 0;

- Có thể viết gọn lại thành 

background: #fff url(i/dope.png) repeat-x 0 0;

- 4 thuộc tính margin 

margin-top:    10px; margin-right:  20px; margin-bottom: 10px; margin-left:   20px;

- Đây là cách viết gọn cho 4 dòng trên 

margin: 10px 20px 10px 20px;

- 3 thuộc tính border

border-width: 1px; border-style: solid; border-color: red;

- Chỉ cần viết 

border: 1px solid red;

4 .Các giá trị sử dụng số nên rút gọn lại

Ví dụ sử dụng thuộc tính margin:

margin: 10px 20px 10px 20px;

Thay vì trùng nhau về giá trị

margin-top và margin-bottommargin-left và margin-right

- bạn hoàn toàn có thể viết lại thành:

margin: 10px 20px;

5. Phần nguyên và đơn vị có giá trị bằng 0

Ví dụ: Nếu ta viết

opacity: 0.5;

Có thể thay thế bằng: 

opacity: .5;

Thay vì viết:

padding: 0px;

Có thể thay thế bằng:

 padding: 0;

6. Có thể bỏ dấu ; nằm sau giá trị của thuộc tính cuối cùng

Ví dụ

p { font-family: Georgia, serif; font-weight: normal; line-height: 1.33em; font-size: 1.33em; }

Và hoàn toàn có thể tối ưu hơn dưới dạng:

p { font: normal 1.33em/1.33 Georgia, serif }

7 .Gỡ bỏ các dòng comment trong file css

Nhiều comment quá sẽ làm tổn hại đến tài nguyên server, băng thông, thời gian load, nếu muốn tối ưu tối đa bạn cũng có thể loại bỏ những comment.

8. Kết hợp toàn bộ các file css vào 1 tập tin css duy nhất

Việc kết hợp sẽ giảm tải được nhiều dòng, bớt việc làm cho Robot của SE. Tốt hơn cho page speed.

9. Validate CSS

Để các trình duyệt có thể duyệt file CSS một cách chính xác, tối ưu hoàn toàn thì file CSS cũng phải validate, hãy sử dụng công cụ CSS Validator của W3C để kiểm tra –  http://jigsaw.w3.org/css-validator/

Bạn muốn===>Tìm hiểu thêm
Tối ưu hóa css cho seo tối ưu hóa code javascript. Tại sao phải tối ưu hóa CSS theo chuẩn SEO. Nó sẽ giúp bạn cải thiện tốc độ tải trang website và thân thiện hơn với các công cụ tìm kiếm.
4.65 sao của 1941 phiếu bầu
Tối ưu hóa css cho seo javascript
Tối ưu hóa css cho seo javascript
Thủ thuật seo 090.696.7056 093.784.1299 243 Huỳnh Văn Bánh, Phường 12, Q. Phú Nhuận, HCM

BÀI VIẾT LIÊN QUAN

Bí quyết SEO Youtube Cách đưa video trên Youtube lên top
Bí quyết SEO Youtube Cách đưa video trên Youtube lên top
Cách seo youtube rất đơn giản, bạn chỉ cần làm theo hướng dẫn là thành công? Việc đưa video lên top là một chuyện, quan trọng nhất vẫn phải là nội dung video. Nội dung và chất lượng video giúp người xem ở lại xem video của mình lâu...
Các tiêu chí của Google để xếp hạng một web 200 tiêu chí của Google
Các tiêu chí của Google để xếp hạng một web 200 tiêu chí của Google
Thuật toán tìm kiếm của Google ngày càng phức tạp và thông minh hơn. Các phương pháp nhồi nhét từ khóa. Hoặc mua lại các nội dung sẽ làm  mất hiệu quả của những bài viết của bạn. Và nếu Google phát hiện trang web của bạn đã vi...
Hướng dẫn seo shopee cách đưa sản phẩm lên top Shopee ra đơn 100%
Hướng dẫn seo shopee cách đưa sản phẩm lên top Shopee ra đơn 100%
Rõ ràng SEO Shopee đóng vai trò rất quan trọng trong việc tiếp cận và thu hút thêm nhiều khách hàng truy cập vào gian hàng của bạn, từ đó tăng tỷ lệ chuyển đổi. Công thức để SEO trên Shopee chính là. SEO Shopee = Tối ưu nội dung trang shop +...
6 cách học SEO để thành chuyên gia Dạy SEO web hiệu quả nhất hiện nay
6 cách học SEO để thành chuyên gia Dạy SEO web hiệu quả nhất hiện nay
"Học phải đi đôi với hành, học SEO hiệu quả nhất là xây dựng các  website và SEO nó lên với các keyword cạnh tranh khó dần." Nhiều bạn mới vào nghề làm dịch vụ seo thường đặt câu hỏi, “cách học SEO thế nào ?, làm thế nào...
3 bước cơ bản xây dựng kế hoạch SEO Web quy trình SEO hiệu quả
3 bước cơ bản xây dựng kế hoạch SEO Web quy trình SEO hiệu quả
Sau khi bạn lên được cấu trúc Website xong thì việc tiếp theo cần phải làm đó là viết nội dung cho Web. Từ cấu trúc đã lên bạn cần phải xác định cho mình số lượng bài viết cần cho các chuyên mục cụ thể. Chất lượng bài...
Học seo là gì? HỎI ĐÁP VỀ SEO
Học seo là gì? HỎI ĐÁP VỀ SEO
Học SEO (Search Engine Optimization), hay còn gọi là học cách tối ưu hóa công cụ tìm kiếm, tức là học những phương pháp, thủ thuật, chiến lược để tối ưu hóa trang web trở nên thân thiện với công cụ tìm kiếm; nhằm giúp trang web đạt...
Những bài học từ SEO nhận định seo trong tương lai
Những bài học từ SEO nhận định seo trong tương lai
Kể từ khi công cụ tìm kiếm ra đời, thì SEO đã trở thành một ngành công nghiệp marketing quan trọng. Đối với một số doanh nghiệp, thì SEO là 3 từ gây ra nỗi lo lắng. Còn đối với những doanh nghiệp khác, thì SEO là một công cụ cứu...
35 bài học trong 1 thập kỷ SEO chia sẻ kinh nghiệp làm seo web
35 bài học trong 1 thập kỷ SEO chia sẻ kinh nghiệp làm seo web
Dường như chỉ mới ngày hôm qua khi Henry Hoang bắt đầu bước chân vào lĩnh vực SEO. Nhưng thực ra anh đã làm quen với SEO hơn một thập kỷ qua, ngay từ những ngày khái niệm về SEO (Search Engine Optimization) còn quá xa lạ với người Việt Nam....
25 mẹo SEO web khi thiết kế website cách seo 1 từ khóa lên top google
25 mẹo SEO web khi thiết kế website cách seo 1 từ khóa lên top google
Luôn thay đổi cấu trúc theo các thay đổi của kỹ thuật SEO hiện hành. Nói cách khác nếu kỹ thuật SEO đã quá lỗi thời hoặc SE không còn khuyên dùng kỹ thuật đó nữa thì tốt nhất bạn nên thay đổi nó. Nói cách khác các website phải thường xuyên bảo trì và sửa đổi sao cho tối ưu cho các SE nhất.
093.784.1299
Mục lục