×"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...
Các chú ý của thẻ alt và thẻ title của hình ảnh seo ảnh lên top Google
Các chú ý của thẻ alt và thẻ title của hình ảnh seo ảnh lên top Google
ALT tag hình ảnh đã trở nên quan trọng với sự gia tăng nhu cầu về tìm kiếm hình ảnh, nó có thể đóng góp đáng kể lưu lượng truy cập từ công cụ tìm kiếm đến website của bạn nếu sử dụng đúng cách.
Thất bại khi làm Seo từ khóa bị mất seo không lên top Google
Thất bại khi làm Seo từ khóa bị mất seo không lên top Google
Sai lầm các bạn hay gặp phải là các bạn luôn cho rằng: Trang PR cao là có nguồn traffic cao.ừ Nhưng thực tế thì có rất nhiều trang có PR nhưng trffic lại rất thấp và ngược lại. Blaclink cũng vậy nó chỉ làm tăng sự phổ biển,...
Tối ưu hóa hình anh website để quảng cáo chi phí rẻ hơn ra đơn
Tối ưu hóa hình anh website để quảng cáo chi phí rẻ hơn ra đơn
Trước khi tải hình lên website bạn cần tối ưu các yếu tố như bản quyền, tên ảnh, dung lượng, định dạng để cải thiện được tốc độ tải trang, dung lượng lưu trữ. Từ đó góp phần nâng cao hiệu quả làm SEO Web và trải nghiệm...
11 nguyên tắc vàng trong tối ưu hóa seo web lên top Google ra đơn
11 nguyên tắc vàng trong tối ưu hóa seo web lên top Google ra đơn
Các công cụ tìm kiếm được thiết kế để tìm kiếm những thứ mà con người muốn. Có nghĩa là, cách tốt nhất để trang của bạn có thể được tìm thấy là thiết kế nó cho con người. Công việc của bạn là một nhà thiết kế để...
5 sai lầm về SEO của các website thương mại điện tử seo e-commerce
5 sai lầm về SEO của các website thương mại điện tử seo e-commerce
Những nhân tố nói trên có thể chưa làm gia tăng lượng truy cập website cực kỳ nhanh chóng, tuy nhiên nếu như để ý tới những yếu tố nhỏ đó sẽ giúp cho website của bạn dần dần cải thiện thứ hạng và có những chuyển biến tích cực, bạn sẽ sớm thấy sự gia tăng số lượng truy cập website một cách đáng kể.
Mobile SEO và những điều cần lưu ý seo cho thiết bị di động
Mobile SEO và những điều cần lưu ý seo cho thiết bị di động
Gửi một sitemap dành cho điện thoại (mobile sitemap) đến bộ máy tìm kiếm, việc làm này sẽ giúp cho các bộ máy tìm kiếm hiểu rằng nội dung website của bạn được tối ưu hóa cho người sử dựng điện thoại đi động và cần được hiển thị khi người dùng tiến hành tìm kiếm thông tin bằng điện thoại.
Nghiên cứu của Google về mối quan hệ giữa SEO và PPC có ảnh hưởng gì
Nghiên cứu của Google về mối quan hệ giữa SEO và PPC có ảnh hưởng gì
Khi xem xét kỹ lưỡng về kết quả tìm kiếm tự nhiên (Organic) và kết quả tìm kiếm trả tiền (paid search)kết hợp với nhau như thế nào, người khổng lồ tìm kiếm đã rút ra kết luận rằng bỏ qua các paid ads sẽ làm giảm...
093.784.1299
Mục lục