×"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"
Thiết kế web chuẩn seo
×"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/

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...
Bing vừa cho ra mục Popular Content snippet
Bing vừa cho ra mục Popular Content snippet
Chức năng này hiển thị cho bạn thấy các mục nội dung được yêu thích từ trong website cho tới các trang nằm bên trong. Chức năng này cũng giống với chức năng sitelink, khi mà dẫn link bạn tới những mục quan trọng hơn của website. Nhưng...
Thử nghiệm dự đoán xếp hạng của Google với Machine Learning
Thử nghiệm dự đoán xếp hạng của Google với Machine Learning
Vào cuối năm 2015, các chuyên gia hàng đầu trong lĩnh vực SEO đã thực hiện một thử nghiệm với mong muốn dự đoán xếp hạng Google với một trang web cho sẵn có sử dụng Machine Learning. Dưới đây, DỊCH VỤ SEO NẮNG XANH tóm lược những kết quả tìm kiếm của họ, những điều họ muốn chia sẻ với cộng đồng SEO.
Bing Search vượt ra ngoài box tìm kiếm tiếp cận đời sống thực
Bing Search vượt ra ngoài box tìm kiếm tiếp cận đời sống thực
Chúng ta sống trong một  kỷ nguyên điện thoại di động, thế giới điện toán đám mây đầu tiên chạy bằng công nghệ, và chúng thay đổi theo nano giây. Và công nghệ tìm kiếm cũng không ngoại lệ. Công nghệ tìm kiếm thay đổi trong cách...
Cách tăng Unique visitor Visitor PageView
Cách tăng Unique visitor Visitor PageView
Unique Visitor, Visitor sẽ tăng tương đồng nhau. để mỗi Unique Visitor, Visitor có xem đến nhiều trang khác tăng PageView và Time On Page (thời gian trên trang) bạn cần chú ý thiết kế nội dung vùa hay, vừa khéo léo đặt...
SNICKERS và chiến dịch SEO có một không hai
SNICKERS và chiến dịch SEO có một không hai
Khác biệt hoặc là chết” là điều kiện tiên quyết trong Digital marketing, Snickers hiểu điều đó. Họ có sự sáng tạo và quan trong hơn hết là dám nghĩ và dám làm. Qua bài học từ chiến dịch SEO đột phá của Snickers, chúng ta có thể...
Thuật toán HTTPS của Google vẫn xem xét URL để đánh giá thứ hạng
Thuật toán HTTPS của Google vẫn xem xét URL để đánh giá thứ hạng
Gary Illyes, một người nhà Google- người mà đã viết về tín hiệu thúc đẩy thứ hạng HTTPS này, đã cho biết về tín hiệu HTTPS là: “cơ bản là xem xét 5 ký tự đầu tiên trong phần trước của URL, và nếu như nó là HTTPS thì nó sẽ được đưa vào các kết quả tìm kiếm và đạt được sự gia tăng thứ hạng nho nhỏ".
Cập nhật từ Google làm rung chuyển SEO toàn cầu
Cập nhật từ Google làm rung chuyển SEO toàn cầu
Hầu hết các chuyên gia local SEO đều cho biết rằng nó có liên quan đến cập nhật chất lượng dựa trên việc Google loại bỏ hàng loạt kết quả local spam. Những kết quả tìm kiếm local, do đó đã có sự thay đổi bởi vì việc loại bỏ...
7 thói quen để seo hiệu quả của một PRO SEO?
7 thói quen để seo hiệu quả của một PRO SEO?
Hãy bắt đầu với một chiến lược nghiên cứu từ khóa thật tốt, theo dõi tỉ lệ chuyển đổi và tối ưu hóa landing pages. Những người làm seo giỏi hay pro seo biết rằng traffic không phải là tất cả mà phải tùy từng trường hợp...
093.784.1299
Mục lục