Avantajele utilizării unui favicon unic.

Favicon este o anumită pictogramă a site-ului. Acesta poate fi văzut în filele browserului, aici este un exemplu de patru site-uri populare. Fiecare dintre ei are propria imagine Favon.

La fel sistem de căutare Yandex, elimină Favon aproape, cu titlul paginii.

Majoritatea covârșitoare a site-urilor au Favicon, ajută la ieșirea din alte resurse, precum și de a deveni un site mai recunoscut. Folosind Favicon, va fi mai ușor să vă urmăriți poziția în Yandex.

Crearea Favicon cu un generator online

Mai întâi trebuie să pregătiți o imagine, 16 pixeli. Aceasta este o dimensiune standard favicon. Pentru a face acest lucru, puteți utiliza logo-ul site-ului sau imaginea pe care o doriți. Pentru a se potrivi dimensiunii necesare, puteți utiliza programul "Paint" sau un alt program terț.

Notă, atunci când comprimați o imagine de 16 până la 16 pixeli. Dimensiunea părților laterale ale originalului trebuie să fie aceeași. Să presupunem 243 pe 243 de pixeli. În caz contrar, când este comprimat, va fi estompată și fără acea imagine mică.

Apoi, folosim generatorul de Favicon online. Trecerea pe acest link favicon.ru pe pagina principală, în elementul "Favicon din imagine". Selectați pe un computer, o imagine predeterminată de 16 până la 16 pixeli.

Următorul pas "Editați imaginea". Aici faceți clic pe "Salvați proporțiile" și "Următorul".

Acum faviconul nostru este gata. Rămâne să vedeți cum arată în browser și să o descărcați. De asemenea, dacă doriți, vă puteți bucura de imagine. Sau să-l creați de la zero.

Faviconul descărcat are formatul dorit (.ico) și numele Favicon. Nu trebuie să schimbați nimic. Rămâne doar să îl instalați pe site.

Instalarea Favicon pe Joomla 3

Primul și cel mai simplu mod de instalare este înlocuirea faviconului nativ. În cele mai multe Șabloane Joomla., există deja favicon, trebuie doar să fie schimbat în favonul pregătite de noi.

Pentru a face acest lucru, du-te la rădăcina site-ului. Apoi, la dosarul "Șabloane", găsiți un dosar cu un șablon care costă implicit. Am acest șablon nativ "Beez3", și schimbați faviconul existente acolo, pentru noi.

Apoi mergeți la site-ul dvs. și actualizați pagina principală. Dacă Favon nu este schimbat, curățați memoria cache a browserului, închideți-l și deschideți din nou, re-conduceți adresa paginii. Pictograma ar trebui să se schimbe.

Dar așteptați imediat Favicon în extrădarea lui Yandex, nu merită. Acesta va apărea după ce un bot special induce fotografia dvs. și se va traduce în formatul JPG.. Acest lucru poate fi necesar mai mult de o lună.

Puteți să vă verificați favonul sau nu Yandex sau nu, puteți scrie în browser: http: //favicon.yandex..ru, veți introduce numele de domeniu al site-ului dvs.

Pentru Google: http: // www.google.com/s2/favicons?domain\u003dsyt

Dacă prima metodă de instalare nu a ajutat-o \u200b\u200bși Favicon nu a apărut pe site-ul dvs., îl puteți instala, vorbind codul necesar în fișierul index.php.

Al doilea mod instalații favicon pe Joomla 3.

Pentru a seta imaginea, trebuie să puneți faviconul preparat de noi, în rădăcina site-ului.

Apoi, mergeți la dosarul cu șablonul care merită implicit: Șabloane / șablon implicit. Găsiți și deschideți fișierul index.php folosind Notepad ++ Notepad. În acest document, între deschidere etichetă și eticheta de închidere Introduceți acest cod:

Rămâne să ștergeți browserul cache și să reporniți site-ul. După aceea, Favonk trebuie să apară pe site-ul dvs.

2014-08-19 8706 4 Denis Abdully

În acest material, nu numai că răspund la întrebarea modului de instalare a pictogramei dvs. Favicon pe site-ul din sistemul UCOZ, dar indicați și cum să faceți favicon.ico și împărtășiți cu dvs. Icoanele de colectare pentru site.

Favicon. - pictograma site-ului sau pagina web. În browsere este afișată lângă antetul site-ului și / sau adresa site-ului. Acțiunile descrise în articol oferă acest rezultat:

Rezumat:

Cum să faci o pictogramă favicon.ico

Pentru a crea pictograme site-uri, utilizați servis favicon.ru sau favicon.cc.. Aici puteți desena independent pictograma sau puteți descărca imaginea de pe computer pentru a converti (puteți, de exemplu, luați din secțiunea noastră de pictogramă).

După încărcarea imaginii sau după ce trageți pictograma, faceți clic pe "Salvați Favicon".

Gata Favonki poate fi descărcată aici. Am descărcat pictograma Favicon 101, faceți clic pe imaginea din dreapta de descărcare.

Programele speciale pot fi utilizate pentru a crea o pictogramă. De exemplu, Microangelo sau Delphi. Propun să folosesc generatoare online, pentru că este mai usor.

Cum se instalează pictograma Favicon.ico pe site-ul Ucoz

1. Icoanele de fișiere Call Favicon ( favicon.ico.) Formatul preferat - ICO, dar alte formate sunt, de asemenea, posibile: GIF, JPEG, PNG și BMP. Descărcați fișierul favicon.ico prin managerul de fișiere sau FTP în directorul rădăcină al site-ului. Manager de fișiere Puteți găsi pe pagina principală a site-ului panoului de bord.

2. Adăugați un cod între și (De exemplu, managementul designului - pagina site-ului):

200? 200px ":" "+ (this.scrollight + 5) +" px ");"\u003e

Puteți specifica mai multe imagini în formate diferite - de exemplu, un șir cu Rel \u003d "icon scurt" și o pictogramă ICO pentru Internet Explorer., și un șir cu Rel \u003d "pictogramă" și o pictogramă GIF sau PNG pentru alte browsere.

Verificați calea către pictograma din atributul Href. Dacă utilizați un format ICO pentru pictograme, schimbați tipul de tip la dorit:

imagine / x-pictogramă pentru format ICO;
imagine / gif pentru formatul GIF;
imagine / JPEG pentru format JPEG;
imagine / png pentru format PNG;
imagine / BMP pentru format BMP.

Dacă doriți să utilizați icon animat., Vă sfătuim să faceți 2 icoane (în format GIF și ICO) și 2 linii de cod pentru ele. Dacă browserul acceptă pictograme animate, versiunea GIF va fi afișată.

Cum să introduceți rapid codul pentru toate paginile?

Folosind. "Înlocuirea rapidă a site-urilor de șablon" (Panou de control - fila "Design"). Pentru modul de înlocuire, selectați opțiunea "Multi-line".

Bună prieteni! În această lecție vom vorbi despre o parte integrantă a oricărui site - favonka. (Favicon). Dar înainte de ao adăuga la site, să ne amintim ce imagine favicon este și de ce este necesar.

Favicon. - Mic imagine grafică 16 x 16 pixeli asociați cu site-urile dvs. de site-uri web. Una dintre principalele destinații din Favonki este posibilitatea identificați vizual site-ul web cantitati mari Tab-uri sau marcaje de browser web.

Crearea Favonka este posibilă căi diferitePentru aceasta există mulți editori online și o grămadă de servicii similare.

Pe foarte multe bloguri și resurse de informare Webmasterii indică faptul că Favonka ar trebui să fie doar în format.ico, dar ea aviz eronatFotografiile! Puteți crea o imagine frumoasă favonă și în .png.format.

Pentru a crea un dispozitiv de fixare, deschideți Photoshop sau altul editor grafic Și creați o imagine pătrată de 128 × 128 pixeli și trageți o imagine pentru Favonki (de obicei, puneți doar un logo sau o parte din ea). După ce ați creat o imagine, salvați-o în format PNG.. Deși majoritatea browserelor moderne vor afișa pictograma site-ului în format PNG, foarte vechi versiunea pe Internet. Explorer nu va.

Important!După ce creați o imagine favonă, nu este necesar să se reducă la dimensiunea de 16 x 16 pixeli! WordPress o va face pentru dumneavoastră!

Instalarea Favicon în WordPress

1. Încărcați Favon la rădăcina folderului temă curentă (șablon). Numele Favonki Asigurați-vă că faceți - favicon..

wp-content \\ teme \\ your_tems

2. Mergeți la panoul administrativ WordPress.

3. Du-te la. Aspect -\u003e Editor.

4. În lista din dreapta, selectați fișierul numit Header.php..

5. Dacă faviziconul dvs. în pNG. Format - Copiați codul de mai jos și introduceți-l sub etichetă .

Dacă în format ico. - Utilizați codul pentru a introduce:

6. Salvați modificările făcând clic pe buton. "Fișier de actualizare".

Asta e tot! După cum puteți vedea, setarea imaginii Favon în sarcina WordPress nu este complicată și nu necesită mult timp.

Metoda de adăugare a Favicon despre care am vorbit în această lecție nu este singura, ci pentru mine, el este cel mai corect și posibil simplu.

Dacă nu sa întâmplat ceva, scrie cu îndrăzneală în comentariile! Voi încerca să vă ajut în rezolvarea sarcinii dvs.

Bună prieteni! În această lecție, vom vorbi despre o parte integrantă a oricărui site - Favicon (Favicon). Dar înainte de ao adăuga la site, să ne amintim ce imagine favicon este și de ce este necesar. Favicon - o imagine grafică mică de 16 x 16 pixeli asociată cu site-urile dvs. de site-uri web. Una dintre principalele destinații ale Favonki este abilitatea de a identifica site-ul vizual într-un număr mare de marcaje sau marcaje de browser web. Puteți crea un favonka în moduri diferite, pentru că există mulți editori online și o grămadă de servicii similare. Pe foarte multe bloguri și resurse de informare ale webmasterilor se indică faptul că Favonka ar trebui să fie doar în format.ico, dar acesta este o opinie eronată! Puteți crea o imagine frumoasă Favon ...

Am învățat deja. Acum, să schimbăm pictograma de pe site (blogul nostru), care este situat în câmpul de introducere a legăturii browserului. Pentru toate blogurile de pe blogger există o pictogramă portocalie standard cu o literă albă B.interior. Să fim originali și să o înlocuim pe cont propriu. Permiteți-mi să vă reamintesc că deja știm.

Du-te la blogul nostru

Pentru a reasigura, puteți salva setările standard făcând clic pe link. "Încărcați întregul model".Acum putem schimba în siguranță Favicon. Acest lucru ne va ajuta site-ul Photobucket.com.Pentru aceasta, mergeți la el și mergeți în jos în partea de jos a paginii principale. Iată ce vom vedea acolo:

Introducem în fereastra de căutare "Favicon" faceți clic pe o lupă miniatură și obțineți opțiuni pentru icoanele Favicon disponibile. Alegeți-vă preferatul (am ales prima imagine pentru acest lucru - un emoticon animat și copiat codul său).

apoi, și în locul specificat (ca în imagine) faceți clic pe "Mai mult"

o fereastră suplimentară a site-ului se va deschide în care trebuie să selectați fila. "Obțineți codul linkului"(ca în imagine) și copiați pe deplin conținutul liniei numite "Link direct pentru paginile de aspect".

Prin copierea conținutului șirului specificat (adresa imaginii de pe Internet), introducem această adresă în scriptul specificat sub scriptul specificat în loc de adresa roșie evidențiată, aceasta:

Acestea. În acest script, schimbați numai rândurile roșii la adresa pictogramei alese. Întregul script cu adresa imaginii dvs. trebuie să introduceți codul șablonului de blog în HTML. Pentru a face acest lucru, du-te la blogul tău - Setări / Design / Schimbare HTML

O identificare suplimentară a site-ului dvs. Joomla poate deveni o pictogramă unică sau favicon. Favicon pe site-ul Joomla va fi reflectat în browsere în numele filelor și marcajele făcute împreună cu toate paginile site-ului dvs. Implicit, toate site-urile gestionate de CMS Joomla au aceleași pictograme standard. Numai pictograma este diferită pentru partea vizibilă a site-ului web Joomla și pentru panoul administrativ. Pictograma din partea site-ului pe care vizitatorii îl văd pot fi ușor schimbate.

Trebuie să schimb pictograma (favicon) site-ul joomla

Înlocuirea pictogramelor site-ului afectează componenta subiectivă a optimizării site-ului. Vizitator, făcând o marcaj de pagină de site, poate apoi să o găsească cu ușurință în lista tuturor marcajelor sale. În plus, pictograma site-ului este reflectată în căutarea instrumentelor aplicate. De exemplu, în lista de site-uri din Yandex Web Master.

În plus, înlocuind pictograma standard Joomla, opriți publicitatea că site-ul dvs. este gestionat de Joomla, iar acesta este unul dintre pașii de îmbunătățire a siguranței site-ului.

Cerințe pentru noua pictogramă Joomla

Word Favicon este o reducere de la două cuvinte în engleză, favorite și pictograme. Pentru pictogramele Joomla există un standard. Dimensiunea lor ar trebui să fie de 16 × 16 sau 32 × 32 pixeli. Favicon a făcut, ar trebui să fie în 256 de scheme de culori. Și cel mai important, formatul pictogramei Joomla ar trebui să fie favicon .ico.

Pași pentru a înlocui pictogramele (Favicon) site-ul Joomla

Înlocuirea pictogramelor site-ului Joomla este efectuată în câțiva pași simpli:

Generați o pictogramă unică din orice fotografie a formatelor PNG sau JPEG. Sau să trageți o pictogramă pe cont propriu, folosind servicii online sau programe foto;
Efectuați un format ICO, dimensiunea 16 (32) × 16 (32) Px din imaginea Favicon;
Descărcați o nouă pictogramă, în catalogul site-ului, ștergând tot vechiul favicon;
Introduceți un cod special în pagina principală a site-ului dvs.

Vom analiza fiecare pas în detaliu.

Pasul 1. Crearea unei pictograme pentru site-ul Joomla

Există multe instrumente online online pentru a genera pictograme în format Favicon .ico de la orice fotografie. Aici trebuie să fiți atenți la următoarele.

Dacă doriți ca faviconul dvs. să fie fără fundal alb, sursa sa trebuie să fie cu un fundal transparent atunci când creați și în format PNG în timp ce economisiți. Folosind formate foto, altele decât PNG, veți obține un favicon cu un fundal alb sau negru. Pictograme excelente de stocare pe Internet veți găsi în meniul de sus al acestui site în punctul: Instrumente de Master Web.

De asemenea, puteți găsi generatoare Favicon pe cont propriu prin notare în fereastra de căutare: Generator Favicon. Vom aduce adresa generatoarelor icoanelor.

pr-cy.ru/favicon.
instrumente.dynamicdrive.com/favicon.

iconfinder.com.
freepik.com/free-icons.
genericons.com.
flaticons.net.
iconbird.com.
iconizer.net.
webhostinghub.com.
iconspedia.com.
iconsearch.ru.
icons8.com.
glyphicons.com.
findicons.com.
icomoon.io.
iconarchive.com.
tERIFICE.ME.
apoiproject.com.
flaticon.com.

Icoanele Favicon sunt făcute după cum urmează.

În avans, găsiți o imagine originală pentru viitoarea dvs. pictogramă;
Deschideți generatorul;
În fereastra Bootloader Generator, alegeți pictograma de pe computer. Alegeți dimensiunile pictogramei viitoare, pentru Joomla 16 × 16 pixeli;
Apăsați butonul, tastați "Make".
Favicon este generat în câteva secunde. Apoi, rămâne doar pentru ao descărca pe computer. Pentru a face acest lucru, există un buton "Descărcare". Înapoi la computer, trebuie să îl descărcați în directorul.

Pasul 2. Descărcați o nouă pictogramă în catalogul site-ului

Cu un loc în catalogul site-ului, unde aveți nevoie pentru a descărca o nouă pictogramă (Favicon), situația este după cum urmează.

Anterior, un loc obligatoriu pentru a găzdui Favicon .ico a fost directorul rădăcină al site-ului. Acum, situația a înmuia puțin. Utilizarea șabloanelor dinamice vă permite să descărcați pictograma în orice director al site-ului dvs., numai în codul (de mai jos) trebuie să vă prescrieți în mod clar calea spre acest director. Dar, în același timp, trebuie să vă amintiți, următoarea pictogramă din rădăcina site-ului, cu atât mai mult va fi încărcat în browser. Și pentru viteza descărcării site-ului trebuie să lupți, chiar și în lipici.

clasa \u003d "Eliadunit"\u003e

Prin urmare, vă sfătuiesc să descărcați Faviconul principal la rădăcina site-ului Joomla. Pentru a descărca clientul FTP sau autorizația în panoul administrativ pe hosting. Înainte de a descărca o nouă pictogramă (Favicon), verificați toate folderele site-ului și ștergeți sau redenumiți vechiul favicon pe care ați primit-o instalat în șabloanele încărcate de dvs. Verificați separat folderul cu șablonul. Din subfolderul șablonului, scoateți fișierul favicon.ico. După ștergerea vechiului favicon, descărcați noul la rădăcina site-ului. Favicon În directorul site-ului, rămâne să introduceți codul în șablonul paginii principale a site-ului.

Notă: În această etapă, pictograma site-ului poate fi deja schimbată. În unele șabloane, codul pentru afișarea pictogramelor (despre codul de mai jos) este deja înregistrat în șablonul site-ului și, prin urmare, atunci când înlocuiți pictograma din director, se poate schimba atât în \u200b\u200bfila Browser. Numai pentru a vedea că trebuie să elimine memoria cache a site-ului și poate supraîncărca browserul.

Pasul 3. Introduceți codul în șablonul site-ului pentru a afișa pictograma Favicon

Notă: Această metodă este depășită, în browserele principale, este afișată noua pictogramă fără a introduce acest cod. Este suficient să eliminați toată vechea favonă de la rădăcina sitului și din șablon. Și, de asemenea, curățați memoria cache a browserului și a site-ului.

Codul (mai jos) este introdus în șablonul paginii site-ului Joomla între etichete (Exemplu de mai jos). Pe Internet puteți găsi mai multe opțiuni pentru Favicon, pentru site-urile Joomla. Voi da un exemplu numai acelor coduri care lucrează în toate siturile mele Joomla.

Primul cod.. Pictograma apare aproape instantaneu, după curățarea site-ului cache.

Al doilea cod.. Datorită lipsei de afișare a unui tip de browser de element de formă (tip), această pictogramă apare în browser după 1-2 zile.

Codul al treilea. Pentru pictograma (Favicon) plasată nu în directorul rădăcină (patch-to-în acest mod la dosar cu Favicon).

Codurile de lucru și cu o astfel de pictogramă de scriere rapidă, și cu o pictogramă de ashortcut
Dacă codul site-ului dvs. HTML, nu XHTML, apoi terminați codul de care aveți nevoie "\u003e", și nu "/\u003e"

Dacă aveți nevoie de pictograme de afișare în browserul IE, încercați să adăugați un astfel de cod:

După introducerea codului în șablon, nu uitați să persistați, de asemenea, curățați site-ul cache.

Panou administrativ \u003e\u003e\u003e Site \u003e\u003e\u003e Service \u003e\u003e\u003e Ștergeți întreaga memorie cache (pentru versiunile Joomla 1.7-2.5-3.x)
Panou administrativ \u003e\u003e\u003e Instrumente \u003e\u003e\u003e Ștergeți întreaga memorie cache (pentru versiunea 1.5)

Un exemplu de cod introdus pentru a afișa pictogramele site-ului: