Ce este CSS? CSS este un fişier in care se aseaza toate elementele dintr-un site. In CSS putem sa specificam locaţia unui element, mărimea unei poze, mărimea unui text, culoarea, fontul
SEO si CSS - Partea I
Ce este CSS? CSS este un fişier in care se aseaza toate elementele dintr-un site. In CSS putem sa specificam locaţia unui element, mărimea unei poze, mărimea unui text, culoarea, fontul … Când vorbim de optimizare trebuie sa luam in calcul si fişierele CSS. Acestea afectează atât aspectul site-ului cat si viteza de încărcare, iar cel mai important, prin el se optimizează site-ul si pentru telefoane si tablete.
Sunt multe de spus despre CSS insa eu o sa vorbesc doar din punct de vedere al optimizării. Eu am CSS-urile impartite in trei categorii si din punctul meu de vedere toate trei sunt importante:
- 1. CSS-style (pentru codurile de desktop)
Este codul care aseaza site-ul in funcţie de rezoluţia unui calculator. El se integrează in site cu următorul cod.
<link href="style/csssite.css" rel="stylesheet">
Exemplu de cod:body {
background:url(../imagini/background.png) center center no-repeat fixed;
background-color: #d11200;
background-size: 100% 100%;
font-family:"Helvetica","Arial","Tahoma";
margin: 0px;
}
h1 {text-align: center; margin-top: 5px; margin-bottom: 5px; color:red; font-size:100%;}
p {padding:5px; text-align: justify;}
img{text-align:center; max-width:100%;}
.pagina {margin: 0 auto; max-width: 1000px; width: 100%; background: #ffde95; border:solid 1px; box-shadow:0px 0px 15px 0px;}
header {text-align: left;}
- 2. CSS-mobile (pentru codurile pentru telefoanele mobile si tablete)
Este codul care aseaza site-ul in funcţie de rezoluţia unui telefon si tableta. El se integrează in site cu următorul cod.
<link href="style/mobil.css" rel="stylesheet">
Exemplu de cod:@media screen and (max-width:640px){
.pozacategorie{width:48%;}
.btn {width:45%;}
.pozaarticol{width:100%;}
.descart{width: 100%; margin-top: 0px;margin-left: 5px; margin-right: 5px;}
.addthis_sharing_toolbox {display:none;}
}
Cititi si urmatorul articol pentru a afla totul despre SEO si CSS
Publicat de MDPersonal - Marinescu Daniel
Aceast continut a fost postat in data de:
21.11.2016
Urmeaza: SEO si CSS
