tại sao buộc phải hợp lý 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 sở hữu các công cụ tậu kiếm.
một. hài hòa những mã màu một phương pháp tối đa:
Ví dụ: thay vì
article { background-color: rgb(255,255,255); Hoặc article { background-color: #ffffff; }
Nhưng bạn {phải|cần|nên|buộc phải|bắt buộc} viết lại ngắn hơn:
article { background: #fff; }
{với|có|sở hữu|mang} {các|những} mã màu thập lục {với|có|sở hữu|mang} dạng #xxxxxx hoặc #xxyyzz thì lần lượt {với|có|sở hữu|mang} 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
Thế nào gọi là web chuẩn seo? Để {với|có|sở hữu|mang} {1|một} website đạt chuẩn, seo {phải chăng|thấp|rẻ|tốt} luôn được {các|những} cỗ máy {mua|tậu|sắm|chọn|tìm} kiếm Google, Bing, Yahoo.. đánh giá cao, được ưu tiên xếp hạng cao trong kết quả {mua|tậu|sắm|chọn|tìm} kiếm {phải|cần|nên|buộc phải|bắt buộc} phụ thuộc vào {rộng rãi|phổ biến|nhiều|đa dạng} {yếu tố|chi tiết|khía cạnh} {đặc trưng|đặc thù|đặc biệt} là "Kỹ thuật" của từng đơn vị {kiểu dáng|mẫu mã|ngoại hình|bề ngoài|thiết kế} website. |
2. {các|những} thuộc tính trùng lặp {phải|cần|nên|buộc phải|bắt buộc} viết gọn lại:
Ví dụ
p {
font-family: Arial;
font-weight: normal;
line-height: {1|một}.33em;
font-size: {1|một}.22em;
}
…
p {
font-family: Georgia, serif;
font-weight: normal;
line-height: {1|một}.33em;
font-size: {1|một}.33em;
}
Bạn {phải|cần|nên|buộc phải|bắt buộc} viết lại thành:
p {
font-family: Georgia, serif;
font-weight: normal;
line-height: {1|một}.33em;
font-size: {1|một}.33em;
}
3. Rút gọn cú pháp {nếu|giả dụ|ví như|trường hợp} {với|có|sở hữu|mang} thể:
Ví dụ về thẻ P được css lại:
p {
font-family: Georgia, serif;
font-weight: normal;
line-height: {1|một}.33em;
font-size: {1|một}.33em;
}
Ban {phải|cần|nên|buộc phải|bắt buộc} {sử dụng|dùng} cú pháp sau
p {
font: normal {1|một}.33em/1.33 Georgia, serif;
}
{1|một} số ví dụ hay gặp trong {khi|lúc} {khiến|khiến cho|làm|làm cho} CSS:
- 4 thuộc tính background
background-color: #fff;
background-image: url(i/dope.png);
background-repeat: repeat-x;
background-position: 0 0;
- {với|có|sở hữu|mang} thể viết gọn lại thành
background: #fff url(i/dope.png) repeat-x 0 0;
>>> Tin liên quan:
- 4 thuộc tính margin {Thiết kế website wordpress | {kiểu dáng|mẫu mã|ngoại hình|bề ngoài|thiết kế} web wordpress| Thiet ke website wordpress | Thiet ke web wordpress}
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
- Đây là {cách|phương pháp|bí quyết} viết gọn cho 4 {chiếc|mẫu|loại|dòng|cái} trên
margin: 10px 20px 10px 20px;
- 3 thuộc tính border
border-width: 1px;
border-style: solid;
border-color: red;
- Chỉ {phải|cần|nên|buộc phải|bắt buộc} viết
border: 1px solid red;
4 .Các giá trị {sử dụng|tiêu dùng|dùng} số {phải|cần|nên|buộc phải|bắt buộc} rút gọn lại:
Ví dụ {sử dụng|tiêu dùng|dùng} thuộc tính margin:
margin: 10px 20px 10px 20px;
Thay vì trùng nhau về giá trị
margin-top và margin-bottom, margin-left và margin-right
- bạn hoàn toàn {với|có|sở hữu|mang} thể viết lại thành:
margin: 10px 20px;
5. Phần nguyên và đơn vị {với|có|sở hữu|mang} giá trị bằng 0
Ví dụ: {nếu|giả dụ|ví như|trường hợp} ta viết
opacity: 0.5;
{với|có|sở hữu|mang} thể thay thế bằng:
opacity: .5;
Thay vì viết:
padding: 0px;
{với|có|sở hữu|mang} thể thay thế bằng:
padding: 0;
6 {với|có|sở hữu|mang} 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|một}.33em;
font-size: {1|một}.33em;
}
Và hoàn toàn {với|có|sở hữu|mang} thể {thông minh|logic|hợp lý|tối ưu|tuyệt vời} hơn dưới dạng:
p { font: normal {1|một}.33em/1.33 Georgia, serif }
7 .Gỡ bỏ {các|những} {chiếc|mẫu|loại|dòng|cái} comment trong file css:
{rộng rãi|phổ biến|nhiều|đa dạng} comment quá sẽ {khiến|khiến cho|làm|làm cho} tổn hại {đến|tới} tài nguyên server, băng thông, thời gian load, {nếu|giả dụ|ví như|trường hợp} muốn {thông minh|logic|hợp lý|tối ưu|tuyệt vời} tối đa bạn cũng {với|có|sở hữu|mang} thể {chiếc|mẫu|loại|dòng|cái} bỏ {các|những} comment.
8. {kết hợp|hài hòa} {tất cả|toàn bộ|hầu hết|đa số|mọi} {các|những} file css vào {1|một} tập tin css duy nhất:
Việc {kết hợp|hài hòa} sẽ giảm tải được {rộng rãi|phổ biến|nhiều|đa dạng} {chiếc|mẫu|loại|dòng|cái}, bớt việc {khiến|khiến cho|làm|làm cho} Robot của SE. {phải chăng|thấp|rẻ|tốt} hơn cho page speed.
9. Validate CSS:
Để {các|những} trình duyệt {với|có|sở hữu|mang} thể duyệt file CSS {1|một} {cách|phương pháp|bí quyết} chính xác, {thông minh|logic|hợp lý|tối ưu|tuyệt vời} hoàn toàn thì file CSS cũng {phải|cần|nên|buộc phải|bắt buộc} validate, hãy {sử dụng|tiêu dùng|dùng} công cụ CSS Validator của W3C để kiểm tra – http://jigsaw.w3.org/css-validator/
Tư vấn vps giá {phải chăng|thấp|rẻ|tốt} | {mua|tậu|sắm|chọn|tìm} hosting | thuê máy chủ | Thue may chu | dang ky hosting | host giá {phải chăng|thấp|rẻ|tốt}
0 comments:
Post a Comment