×"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 ư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 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  backgroundcolor rgb255,255,255; Hoặc article  backgroundcolor ffffff; Nhưng bạn nên
4.65 sao của 1941 phiếu bầu
Tối ưu hóa css cho seo Tối ưu hóa code javascript
Tối ưu hóa css cho seo Tối ưu hóa code 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...
Thiết kế website chuẩn SEO là gì? Chuẩn SEO cho website là gì?
Thiết kế website chuẩn SEO là gì? Chuẩn SEO cho website là gì?
Thiết kế website chuẩn SEO là gì? Để có một website đạt chuẩn, seo tốt luôn được các cỗ máy tìm kiếm Google, Bing, Yahoo.. đánh giá cao, được ưu tiên xếp hạng cao trong kết quả tìm kiếm phải phụ thuộc vào nhiều yếu tố đặc biệt là "Kỹ thuật" của từng đơn vị thiết kế website.
Thiết kế website bán hàng thời trang chuẩn seo tư vấn seo tổng thể
Thiết kế website bán hàng thời trang chuẩn seo tư vấn seo tổng thể
Việc thiết kế web thời trang là điểm mấu chốt cho công việc kinh doanh online của bất kỳ cửa hàng nào. Website là nơi hiển thị mọi sản phẩm của cửa hàng, là nơi chinh phục người tiêu dùng thúc đẩy đến quyết định mua hàng của...
Làm thế nào có được khách hàng SEO? tìm kiếm khách hàng seo
Làm thế nào có được khách hàng SEO? tìm kiếm khách hàng seo
Bạn có thể là một thiên tài về SEO, nhưng nếu như công việc của bạn là làm SEO để sinh sống, mà bạn lại không hiểu cách thức làm thế nào để kiếm được khách hàng, thì không những không ai đánh giá cao kỹ năng của bạn, mà bạn...
Hướng dẫn cách viết bài chuẩn seo chuẩn google 2021
Hướng dẫn cách viết bài chuẩn seo chuẩn google 2021
Bài viết chuẩn SEO là bài viết đạt chuẩn tối ưu hóa công cụ tìm kiếm. Bài viết chuẩn SEO giúp nội dung dễ dàng được công cụ tìm kiếm lập chỉ mục, tối ưu hóa thứ hạng trên trang kết quả công cụ tìm kiếm.
Seo content 2021 Chiến thuật SEO Content thành công trong năm 2021
Seo content 2021 Chiến thuật SEO Content thành công trong năm 2021
Những ai từng làm việc trong lĩnh vực tối ưu hóa công cụ tìm kiếm-SEO thì đều biết là SEO có những tác động tích cực; đặc biệt là những năm gần đây. SEO 2021 không còn đơn thuần là tối ưu hóa công cụ tìm kiếm, mà những nỗ lực...
SEO Tools phần mềm SEO web lên top Google
SEO Tools phần mềm SEO web lên top Google
Tìm kiếm hữu cơ là một trong những kênh marketing B2B phụ thuộc vào vào đưa lượng truy cập lên website. Nhưng nếu như bạn không được liệt kê trong danh sách kết quả tìm kiếm trang nhất của Google, thì có khả năng rất cao là sẽ chẳng ai biết đến trang web của bạn.
SEO trong năm 2021 Tối ưu hóa cho di động là một lợi thế cạnh tranh
SEO trong năm 2021 Tối ưu hóa cho di động là một lợi thế cạnh tranh
Năm 2021 sắp đến, và SEO trong năm 2021 thì sẽ có gì đặc biệt. WEB CHUẨN SEO NẮNG XANH giới thiệu bạn góc nhìn từ chuyên gia Henry Hoang về lợi thế cạnh tranh trong SEO 2021: Tối ưu hóa cho di động.
WordPress thêm các công cụ SEO hài hước SEO wordpress hiệu quả
WordPress thêm các công cụ SEO hài hước SEO wordpress hiệu quả
WordPress.com thêm các công cụ SEO “ cao cấp” có thể khiến bạn thấy hài hước. Bạn đã quá quen với những điều liên quan đến SEO. Bạn chợt nhận ra rằng vẫn có nhiều doanh nghiệp ngoài ra không giống bạn. Họ vẫn còn các điều SEO cơ...
093.784.1299