Tanulságok a webhely elrendezését meta tagek, meta adatok

Bármilyen front-end fejlesztő dolgozik meta tagek minden nap, de amikor megpróbálja elmagyarázni nekik, egyszerű szavakkal kezdődik bonyolultságát. Különben is, én is. Megpróbálom elmagyarázni a lehető legvilágosabban és könnyebb.

Az előző leckében emlékezni, hogy semmilyen információt html-oldalon belül van a címkéket. Néhány információ, amit szeretnénk látni a böngésző, de rajtuk kívül is vannak azok az adatok, amelyek soha nem jelenik meg a böngésző, de közvetlenül befolyásolja, amit látunk.

Ez a rész az oldal a „metaadat”.

A metaadatok (meta adatok meta-adatok) - ez a tájékoztatás információk ismertetése az oldal tartalmát. Ezek az adatok leírják, hogyan kell kinéznie a látható tartalmat, ami karakterkészlet használatos az oldalon, stb

Három fő metaadatok különbségek:

meghatározott tag
közvetlenül láthatatlan a felhasználó (kivéve a címke )</li> <li>az információt a tartalmat</li> </ol> <p>A legtöbb esetben a metaadat meg kell határozni: cím, kódolás (karakterkészlet), csatlakoztassa js és stílusok, hogy csatlakoztassa a honlap ikonra. Szinte az összes többi - választható paramétereket, amelyeket ritkábban.</p> <p>A metaadatok bármilyen szám lehet, itt vannak a legfontosabbak:</p> <ul> <li>cím - oldal címe tag <title> ;</li> <li>stílus - CSS stílusokat tárolt kód a dokumentum;</li> <li>Link - külső stíluslap fájlt, ikonok, és így tovább;</li> <li>meta - az összes többit: a kódolás vagy semmilyen információt az oldalon.</li> </ul> <p>Meta tag - az adattár metaadatok az oldalon minden kell adnia egy nevet és egy értéket. Szerkezet metacímkéje <meta> a következő:</p> <p>Meta tag lehet szinte bármilyen, és az esetek többségében a tanácsadó jellegű, ami azt jelenti, lehet figyelmen kívül hagyni a keresőmotorok és a böngészők. Mi lehet megkülönböztetni Ezekben az esetekben a használatuk:</p> <h2>Példák meta tagek</h2> <p>A leírás tárolható egy rövid leírást az oldalon.</p> <p>Az első napokban a HTML metaadatok által használt keresőprogramok leírni az oldalt a keresési eredmények között, illetve, hogy mely kulcsszavak kell találni azt.</p> <p>Idővel sok webmesterek kezdtek visszaélni ezt a funkciót, többek között tudatosan téves leírás, illetve kulcsszavak, amely nem is az oldalon.</p> <p>Küzdelem a spam a keresési eredmények között, a keresőprogramok fokozatosan elvesztette érdeklődését a szöveges tartalom a metaadatok, és általában így a leírás és automatikusan egyszerűen figyelmen kívül hagyja, hogy a metaadatok.</p> <p>Az algoritmus el van rejtve, akik, míg a Google saját maga úgy beszél a kulcsszavakat és leírást meghatározott kézzel:</p> <p>Bizonyos esetekben a leírás jelenik részletei mellett a keresési eredmények között.</p><p>És néhány - nem.</p> <p>A robotok meta tag ismeri az összes keresők, ez lehetővé teszi, hogy ellenőrizzék a szkennelés a dokumentum kereső robot.</p> <p>Az érték a nevét adja meg a nevét a kereső (vagy robotok, ha az irányelv kiterjed valamennyi őket.) De a tartalom -, mit szeretne „azt mondják”, hogy a robot.</p> <p>Íme néhány alapvető példát meta robotok. amely tudja, hogyan kell dolgozni a Google:</p> <p>A Google megjelenítheti a „site keresés” link mellett, hogy az oldal a keresési eredmények között. Ez a meta tag lehet kikapcsolni.</p> <p>Ha az oldal nyelve különbözik a böngésző és a keresési beállításokat, a Google-hez lefordítani ezt a dokumentumot. Ez a meta tag azt jelezheti, hogy az átadás nem szükséges.</p> <h2>Sokkal valószínűbb, hogy használni</h2> <p>Google által gyűjtött statisztikák használata attribútum értékek http-ekvivalens és neve metatagekre:</p> <p><div style="text-align:center;"><img src="https://webp.images-on-off.com/25/990/434x353_oufnhngw56dw6mkur3ep.webp" width="434" height="353" title="Lessons elrendezés meta tagek, meta adatok (meta-tagek)" alt="Tanulságok a webhely elrendezését meta tagek, meta adatok" ></div></p> <p>Page kódolás, a karakterkészlet, hogy használják azt. Leggyakrabban cirill oldalak itt lesz utf-8. sokkal kevésbé - windows-1251.</p> <h2>stílus fájl</h2> <p>Kérjük, vegye figyelembe: <link> Nem igényel a zárat és <script> - megköveteli.</p> <p>Szinte mindig jelzi meta tagek - rutinmunka. De a jó hír az, hogy a legtöbb meta tagek ugyanaz lesz a különböző projektek, és a „keret” oldal html-kód általában szokásos.</p> <p>Ezért az elején az oldal elrendezésének a semmiből, akkor egy olyan sablont, majd szükség szerint változtathatóak.</p> <p>Íme egy példa egy ilyen sablon:</p> <p>Megpróbál létrehozni az első oldalon ezt a sablont, a body tag írjon egy szöveget, majd nyissa meg a fájlt a böngésző, hogy ellenőrizze, hogy megjelent az oldalon.</p> <p>"Data-POST_ID =" 9105 "adat-user_id =" 0 "data-is_need_logged =" 0 "data-lang =" en "adat-decom_comment_single_translate =" megjegyzést a "data-decom_comment_twice_translate =" comment "data-decom_comment_plural_translate =" komentarіv " data-multiple_vote = "1" data-text_lang_comment_deleted = "comment Vidal" adat-text_lang_edited = "Vіdredagovano" adat-text_lang_delete = "Vidaliti" adat-text_lang_not_zero = "mező értéke nem NULL" adat-text_lang_required = „Tse obov'yazkove területen. "adatok-text_lang_checked =" Oberіt egyik punktіv "adatok-text_lang_completed =" Operatsіyu befejeződött "adatok-text_lang_items_deleted =" Ob'єkti Bulo Vidal "adatok-text_lang_close =" zárt- "adatok-text_lang_loading =" Zavantazhennya. „></p> <h3>Add meg a megjegyzést</h3> <p>Vibachte az komentuvannya neobhіdno uvіyti.</p> <h3>3. megjegyzés</h3> <p>Mi vágynak a közvetlen folytatása!</p> <p>@serg, lesz egy pár napig. És ha már megosztotta a tanulságokat a barátokkal. )</p> <p>Köszönjük a munkát!</p> <p>Oberіt zruchny önnek sposіb pіdpiski</p> <p>A legegyszerűbb és alapvető dolgok általában a legnehezebb megmagyarázni. És meta-tagek.</p> <p>Úgy tűnik, hogy ez az utolsó hozzászólás ebben a blogban az orosz. Kicsit váratlan 8 év után az orosz nyelvű szórakoztató, nem igaz?</p> <p>Hello mindenkinek! Úgy döntöttem, hogy egy ajándék neked, és elképzelni a szilveszteri ünnepek.</p> <p>Mert füleket Bootstrap megfelel tabs.js. fájl Tab (vagy lapok), hogy megosszák tartalom, és lehetővé teszi, hogy egyszerre megjeleníthető egyetlen része, elhelyezése a tartalmi ellenőrzés.</p> <p>Brazil hatóságok sikertelenül követelte WhatsApp, hogy nekik a levelezés az egyik honfitársát, de elnyeri bizalmát „nem” választ.</p> <p>A folytatásban egy sor jegyzetek és adaptációi cikkek Sass azt javaslom, hogy fontolja meg az elméleti része a preprocessor. Például, annak lehetséges hiányosságait.</p> <p>modal.js - komponense Bootstrap, amely felelős a kijelző és kezelése pop-up. Megmutatom, hogyan kell dolgozni velük.</p> </div> <div class="extra"> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/velemenyek-a-munka-kozpontok.html">Vélemények a munka központok</a></li> <li><a href="/articles/mi-ragogumi-alapanyagok.html">Mi rágógumi alapanyagok</a></li> <li><a href="/articles/hasznalata-piocak-urologia-andrologia.html">Használata piócák Urológia, andrológia</a></li> <li><a href="/articles/torok-eskuvoi-ruhak.html">Török esküvői ruhák</a></li> <li><a href="/articles/fotok-flitterek-orszag-muveszek.html">Fotók flitterek, ország művészek</a></li> <li><a href="/articles/mi-az-elelmiszer-macskak-jobb-hogyan-kell.html">Mi az élelmiszer macskák jobb, hogyan kell választani a biztonságos és jövedelmező, grumerhaus</a></li> <li><a href="/articles/hogyan-lehet-novelni-a-hatekonysagot-a-gyogyszert.html">Hogyan lehet növelni a hatékonyságot a gyógyszert, és népi jogorvoslat, diéta és a testmozgás</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/a-fellebbezest-a-hatarozat-az-igazgatasi-bizottsag.html">A fellebbezést a határozat az igazgatási bizottság</a></li> <li><a href="/articles/mennyire-veszelyes-a-homokot-a-vesek-es-a-ahonnan.html">Mennyire veszélyes a homokot a vesék és a ahonnan bejut a testbe,</a></li> <li><a href="/articles/tarsadalom-es-kultura.html">Társadalom és kultúra</a></li> <li><a href="/articles/ruh-a-kutyak-a-tunetek-kepeket-kezelesi-csoport-a.html">Rüh a kutyák, a tünetek, képeket, kezelési csoport a betegségek</a></li> <li><a href="/articles/miert-lehetetlen-aludni-a-legkondicionalo.html">Miért lehetetlen aludni a légkondicionáló</a></li> <li><a href="/articles/kivalasztasa-es-csereje-a-legszurot-egy-renault.html">Kiválasztása és cseréje a légszűrőt egy Renault Scenic 2</a></li> <li><a href="/articles/jatek-zonke-erintkezo-attekintes-cheat-bogarak.html">Játék Zonke érintkező - áttekintés, cheat, bogarak, titkok</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2025</p> <script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t50.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") </script> </div> </footer></div> </body> </html>