Vlad Merzhevich

Ang mga meta tag ay ginagamit upang mag-imbak ng impormasyong inilaan para sa mga browser at search engine. Halimbawa, ina-access ng mga search engine engine ang mga meta tag upang makakuha ng paglalarawan ng isang site, mga keyword at iba pang datos.

Mga meta tag para sa mga search engine

Mayroong isang opinyon sa mga developer ng website na ang wastong pagkakasulat ng mga meta tag ay nagbibigay-daan sa iyo na umakyat sa tuktok ng mga search engine.

Sa katunayan, hindi ito totoo, hindi ka tataas sa mga meta tag lamang, ngunit ang hindi maayos na naisagawang nilalaman ng meta tag ay maaaring magpalala sa ranggo ng isang site.

Dalawang meta tag ang partikular na idinisenyo para sa mga search engine: paglalarawan at mga keyword. Ang ilang mga webmaster ay nagdagdag ng mga keyword sa seksyon ng mga keyword na walang kinalaman sa paksa ng site, ngunit gayunpaman ay nagtamasa ng ilang tagumpay sa mga bisita sa search engine. Gayunpaman, pagkaraan ng ilang panahon, natutunan ng mga search engine na harapin ang hindi pangkaraniwang bagay na ito at suriin ang nilalaman ng isang web page para sa pagsunod sa mga nakasaad na keyword.

  • Ilang prinsipyo na nauugnay sa mga meta tag:
  • huwag isama ang mga keyword na hindi nakapaloob sa iyong mga pahina;
  • huwag ulitin ang mga keyword;
  • gumamit ng mga meta tag para sa kanilang nilalayon na layunin;

gawing naiiba ang paglalarawan at listahan ng mga keyword para sa bawat pahina ng site, na isinasaalang-alang ang nilalaman.

paglalarawan

Karamihan sa mga search engine ay nagpapakita ng mga nilalaman ng field ng paglalarawan (halimbawa 1) kapag nagpapakita ng mga resulta ng paghahanap.

gawing naiiba ang paglalarawan at listahan ng mga keyword para sa bawat pahina ng site, na isinasaalang-alang ang nilalaman.

Halimbawa 1: Paggamit ng Paglalarawan

Website tungkol sa HTML at paggawa ng website

mga keyword

Halimbawa 1: Paggamit ng Paglalarawan

Samakatuwid, maraming mga search engine ang laktawan ang parameter na ito. Halimbawa 2: Paggamit ng Mga Keyword HTML, META, meta tag, tag, search engine

Maaaring ilista ang mga keyword na pinaghihiwalay ng mga puwang o kuwit.

Mga search engine Sila mismo ang magdadala ng recording sa form na ginagamit nila. pagkatapos ng isang tiyak na tagal ng panahon ang pagtuturo http-equiv="refresh" ay ginagamit (halimbawa 3).

Upang sabihin sa browser kung nasaan ang pag-encode ng mga character sa isang web page, kailangan mong itakda ang parameter

. Para sa Windows operating system at Cyrillic alphabet, ang charset ay karaniwang tumatagal ng value na utf-8 o windows-1251 (halimbawa 4).

Kung walang tinukoy na URL, awtomatikong magre-refresh ang kasalukuyang page pagkatapos ng bilang ng mga segundo na tinukoy sa attribute ng content.

Halimbawa 4. Pagpili ng kasalukuyang encoding

Cyrillic

Kung walang tinukoy na pag-encode, sinusubukan mismo ng browser na matukoy kung anong uri ng mga character ang ginagamit sa dokumento at awtomatikong pinipili ang kinakailangang pag-encode.

<Maaaring hindi palaging tumpak na nakikilala ng browser ang wika ng isang web page at sa ilang mga kaso ay magmumungkahi ng Vietnamese encoding sa halip na Cyrillic. Para sa kadahilanang ito, mas mahusay na palaging isama ang linya na ibinigay. Gayunpaman, may mga pagkakataon kung saan ang pagtukoy sa pag-encode ay maaaring magdulot ng ilang pinsala. Halimbawa, ang web server ay awtomatikong gumagamit ng data transcoding sa KOI-8, at ang browser, kapag ito ay nakatagpo ng charset=windows-1251 na parameter, ay nagko-convert ng text sa Windows encoding. Nagreresulta ito sa dobleng pagbabago ng mga character; hindi madaling basahin ang naturang teksto. Sa kabutihang palad, ang gayong problema ay isang bagay na sa nakaraan; sa anumang kaso, madali itong makilala at ma-neutralize sa antas ng server.

Ang isang paggamit ng meta tag ay upang tukuyin ang mga header ng HTTP na dapat ipadala sa kliyente bago ipadala ang mismong web page. Halimbawa:

Bilang karagdagan, ang mga meta tag ay maaaring gamitin upang sabihin sa browser ang impormasyon tungkol sa isang dokumento kapag ang mga header ng HTTP ay hindi magagamit (halimbawa, kung ang pahina ay binuksan nang lokal mula sa disk sa halip na na-load mula sa isang web server).

Sa pangkalahatan, ang metadata ay isinulat tulad ng sumusunod: ang meta tag ay naglalaman ng isang katangian ng pangalan at isang nauugnay na katangian ng nilalaman na naglalarawan sa ilang aspeto ng web page, tulad ng mga keyword:

<meta name = "mga keyword" na nilalaman = "Wikipedia, encyclopedia" / >

Mga Function ng Meta Tag

Ang mga pag-andar ng mga meta tag ay medyo magkakaibang, ngunit sa ngayon ay walang malinaw na standardisasyon ng mga ito. Gayunpaman, mayroong ilang pangunahing lugar para sa paggamit ng mga meta tag:

  • Natutukoy ng mga meta tag ang pagiging may-akda ng isang pahina sa Internet, ang address nito, at ang dalas ng mga pag-update nito;
  • Ang mga meta tag ay ginagamit ng mga search engine upang mag-index at lumikha ng mga pamagat para sa mga hypertext na dokumento;
  • Nang hindi ipinapakita sa screen, nakakaapekto ang mga meta tag sa display mode ng mga Internet page.

Mga pangkat ng meta tag

Ang mga meta tag ay nahahati sa dalawang pangunahing pangkat - NAME at HTTP-EQUIV. Ang pangkat na NAME ay may pananagutan para sa impormasyon ng teksto tungkol sa pahina, ang may-akda nito, pati na rin ang mga rekomendasyon para sa mga search engine. Ang mga HTTP-EQUIV ay mahalagang katumbas ng mga hypertext header, na bumubuo sa pamagat ng pahina at tinutukoy ang pagproseso nito. Bilang panuntunan, kinokontrol nila ang mga pagkilos ng mga browser at ginagamit upang bumuo ng impormasyong ginawa ng mga regular na header.

Pangkat NAME

May-akda at Copyright meta tag

Meta tag na PICS-Label

Meta tag Window-target

Pagtukoy sa window ng paglo-load ng pahina.

Meta tag Imagetoolbar

Hindi pinapagana ang Mga Control Panel ng Larawan. Karaniwang ginagamit kapag nagpapakita ng mga banner, mga background ng larawan, mga mapa ng imahe, atbp., kapag hindi kanais-nais ang pagpapakita ng panel na ito.

<meta http-equiv = "imagetoolbar" content = "no" / >

Kahulugan ng meta tag

Ang metadata tungkol sa isang web page ay orihinal na nilayon upang matulungan ang mga search engine na magtalaga ng isang web page sa isang partikular na kategorya. Noong dekada 90, aktibong ginamit ang mga meta tag para mag-promote ng website, kabilang ang pagbibigay ng mali o paulit-ulit na metadata. Pagkatapos nito, ang mga search engine ay nagsimulang magbayad ng kaunting pansin sa metadata; Ngayon ang tamang pag-istruktura ng web page at ang pagkakaroon ng malaking bilang ng mga link sa site mula sa mga mapagkukunang may awtoridad ay mas mahalaga.

Dahil sa katotohanan na ang mga meta tag ay may purong pantulong na pag-andar, at, bilang karagdagan, makabuluhang pinalaki ang laki ng isang hypertext na dokumento, madalas na ginusto ng mga baguhan na taga-disenyo ng Web na huwag pansinin ang mga ito. Bilang karagdagan, ang mga meta tag ng pangkat na HTTP-EQUIV ay medyo mahirap gamitin, dahil nagtatakda ang mga ito ng mahigpit na mga parameter sa pag-format ng pahina. Gayunpaman, ginagawang mas matagumpay ng mga meta tag ang pag-index ng isang web page sa mga search engine.

Magandang araw sa lahat. Si Alexey Gulynin ay nakikipag-ugnayan. Sa huling artikulo na aming tiningnan paglikha ng mga form sa HTML. Sa artikulong ito nais kong pag-usapan meta tag sa HTML. Sa katunayan, ang mga meta tag ay nagdadala ng espesyal na impormasyon ng serbisyo at nahahati sa ilang uri: para sa mga search engine, para sa pahina, para sa browser. Sasabihin ko kaagad na ang lahat ng meta tag ay ipinasok sa pamagat ng dokumento, i.e. sa pagitan ng mga tag At .

Unti-unti nating unawain ang mga meta tag para sa mga search engine.

Mga meta tag para sa mga search engine ay napakahalaga dahil nakakaapekto ang mga ito sa pag-optimize ng page.

Isulat natin ang lahat ng meta tag para sa mga search engine:

Ang paglalarawan ng meta tag ay responsable para sa paglalarawan ng pahina;
Ang meta tag ng mga keyword ay naglalaman ng lahat ng mga keyword na tumutugma sa iyong pahina, at inirerekumenda ko rin na ilagay ito sa bawat pahina ng iyong site.
Ang robots meta tag ay kinakailangan upang sabihin sa search engine kung mag-i-index ng isang naibigay na pahina at sundin ang mga link dito.

Ang meta tag na ito ay may 4 na kahulugan:

index, sundan - kailangang ma-index ang pahina at dapat sundin ang mga link dito.
index, nofollow - kailangang ma-index ang page at hindi na kailangang sundin ang mga link dito
noindex, sundin - hindi kailangang ma-index ang pahina, ngunit kailangan mong sundin ang mga link dito
noindex, nofollow - hindi kailangang ma-index ang pahina, at hindi mo rin kailangang sundin ang mga link dito.
Karaniwan, ang lahat ng impormasyon tungkol sa kung ano ang kailangang i-index at kung ano ang hindi ay nasa robots.txt file, na dapat ay nasa anumang site, ngunit pag-uusapan natin ang file na ito sa isa sa mga sumusunod na artikulo.

Alamin natin ngayon meta tag para sa page. Gusto kong tandaan kaagad na ang mga meta tag para sa page ay opsyonal at nagbibigay lamang ng impormasyong impormasyon. Isulat natin ang pinakakaraniwan sa kanila:

Magsusulat ako nang maikli tungkol sa bawat isa sa mga meta tag na ito, kahit na ang lahat ay malinaw dito.
Ang meta tag ng may-akda ay nagpapahiwatig ng may-akda ng pahinang ito. Bihirang-bihira ko na itong makita, maliban na ang mga baguhan ay karaniwang naglalagay nito sa kanilang website.
Ang generator meta tag ay nagpapahiwatig kung saan ginawa ang page. Karaniwan, ang tag na ito ay nasa lahat ng content management system (CMS), gaya ng Joomla, WordPress. At kadalasan ay inaalis ng mga tao ang meta tag na ito upang itago na ang kanilang site ay ginawa sa CMS na ito (gayunpaman, kung titingnan mo ang page code, magiging malinaw kung saan ito ginawa).
Ang reply-to meta tag ay nagpapahiwatig ng e-mail ng may-akda.
Ipinapahiwatig ng meta tag na ginawa ng site kung kailan ginawa ang site.
Nasa iyo kung isasama o hindi ang mga meta tag para sa mga pahina ng iyong site, ngunit wala akong masyadong nakikitang kahulugan dito.

May isa pang pangkat ng mga meta tag na natitira - ito mga meta tag ng browser. Ito rin ay isang napakahalagang pangkat ng mga meta tag. Mga agarang halimbawa:

Ang meta tag na uri ng Nilalaman ay, sa palagay ko, ang pinakamahalagang meta tag, dahil ipinapahiwatig nito ang uri ng pahina at pag-encode. Kung hindi mo tinukoy ang meta tag na ito, sa hinaharap ay maaaring mayroon mga problema sa coding sa site. Maaari mong basahin ang tungkol sa kung paano malutas ang problemang ito sa artikulong ito.
Tinutukoy ng meta tag ng Content-language ang wika ng page. Karaniwan, kinikilala mismo ng mga browser ang wika sa pahina.
Ang Refresh meta tag ay responsable para sa pag-update ng page. Sa kasong ito, nakasulat na bawat 10 segundo ang pahina ay magre-refresh at mapupunta sa aking site. Maaaring kailanganin ang awtomatikong pag-update ng page, halimbawa, para sa isang page na naglalaman ng mga order mula sa isang online na tindahan.

Si Matt Cutts, Pinuno ng Anti-Spam sa Google, ay tumugon sa tanong ng isang user tungkol sa Tag ng Meta Description sa kanyang video message.

Nagtanong ang isang user: “Kailangan ba talaga para sa bawat page ng isang website na maglaman ng kakaiba tag ng paglalarawan ng meta?».

Naniniwala si Matt na kapag nag-aalala ang tanong meta tag Paglalarawan, pagkatapos ay mayroon lamang talagang dalawang mabubuhay na pagpipilian. Maaari mong paganahin ang natatangi tag ng paglalarawan ng meta sa bawat pahina ng site, o maaaring hindi mo ito gamitin. Gayunpaman, sa kaso ng paggamit ng meta tag, sa anumang kaso ay hindi dapat pahintulutan ang pagdoble ng nilalaman ng huli.

Isang napakasimpleng paraan upang matukoy ang mga duplicate mga tag ng paglalarawan ng meta- ito ay pagpaparehistro at regular na pagsusuri ng iyong web resource sa libreng serbisyo ng Google - "Mga Tool para sa Mga Webmaster". Kung may nakitang duplicate na paglalarawan sa mga pahina ng site, aabisuhan ka tungkol dito sa naaangkop na seksyon ng "Mga Tool".

Sa pangkalahatan, sinabi ni Matt na malamang na hindi sulit ang iyong oras upang magsulat ng natatanging kopya. meta tag Paglalarawan para sa bawat solong pahina sa iyong site. Matt, halimbawa, ay hindi kahit na gawin ito sa kanyang sariling blog.

Ang lubos na inirerekomenda ni Matt ay isama tag ng paglalarawan ng meta sa mga pahinang talagang mahalaga. Halimbawa, mga home page o page na may mataas na return on investment (ROI).

ROI(Return on Investment) – return on investment ratio, o return on investment indicator, iyon ay, ang porsyento ng kakayahang kumita (kung ang halaga ay higit sa 100%) o hindi kumikita (kung ang halaga ay mas mababa sa 100%) ng isang partikular na halaga ng pera na namuhunan sa isang partikular na proyekto .

Formula para sa pagkalkula ng ROI:

ROI= ((B – A) / C) * 100%,

  • halaga ng isang produkto o serbisyo (A)- kasama ang ganap na lahat ng mga gastos para sa pagbili ng mga bahagi para sa mga produkto, paghahatid sa bodega, produksyon ng mga kalakal, sahod sa mga empleyado, atbp.;
  • kita (B)– huling tubo mula sa pagbebenta ng isang produkto o serbisyo;
  • halaga ng pamumuhunan (C)– ang kabuuang halaga ng pera na nagsilbing pamumuhunan, halimbawa, ang badyet para sa advertising ayon sa konteksto .

Kung mapapansin mo na ang ilan sa iyong mga pahina ay walang napakahusay na awtomatikong nabuong mga snippet sa mga resulta ng paghahanap, dapat mong isaalang-alang ang pagsulat ng kakaiba mga tag ng paglalarawan ng meta para din sa mga ganyang page.

Upang ibuod ang sinabi ni Matt, maaari nating gawin ang sumusunod na konklusyon: hindi mo lamang dapat iwasan, ngunit alisin din ang anumang posibilidad na magkaroon ng dobleng paglalarawan sa mga tag ng paglalarawan ng meta sa lahat ng pahina ng iyong website. Lumikha ng mga natatanging paglalarawan para sa ilang partikular na nauugnay na pahina at hayaan ang Google na awtomatikong gumawa ng iba.

Maaari mong pakinggan ang buong mensahe ng video ni Matt sa ibaba (sa Ingles):

Ngayon mas kilalanin ang isa't isa meta tag Paglalarawan, na dati, at kahit ngayon, ay patuloy na gumaganap ng mahalagang papel sa search engine optimization ng mga website. Kasabay nito, dapat mong isaalang-alang ang parehong kasalukuyang mga uso (tingnan ang mga rekomendasyon ni Matt) at ang tunay na kalagayan ng mga bagay sa bagay na ito. At para manatiling napapanahon sa mga bagong uso, huwag kalimutang tingnan ang aking website.

Mga tampok meta tag Paglalarawan

HTML Meta Description Tag ginagamit kapag gumagawa ng maikling paglalarawan ng isang page; ito ay ginagamit ng mga search engine para sa pag-index, gayundin kapag gumagawa ng snippet (annotation) sa mga resulta ng paghahanap.

Sa kawalan meta tag Paglalarawan, ibinabalik ng mga search engine ang unang linya ng isang dokumento o sipi na naglalaman ng mga keyword sa anotasyon.

Huwag magkamali kapag nag-optimize meta tag Paglalarawan– ang tag na ito ay napakahalaga. Ang paggamit ng tag na ito nang tama, nang hindi isinasaalang-alang ang iba pang mga elemento ng pag-optimize ng search engine, ay hindi gagawing ikaw mismo ang numero uno sa mga ranggo, ngunit ito ay tiyak na makakatulong sa iyong makarating sa tuktok.

Maaari kang matuto nang higit pa tungkol sa kahalagahan ng mga meta tag sa search engine optimization ng isang website sa artikulong "Bakit dapat mong gamitin ang search engine optimization ng mga meta tag upang i-promote ang mga website."

Tulad ng kaso sa meta tag na Mga Keyword, subukang huwag ulitin ang mga salita at parirala nang masyadong madalas upang maiwasan ang parusa mula sa mga search engine. Alamin ang higit pa tungkol sa meta tag na Mga Keyword Maaari mong basahin ang artikulong "Paano gamitin nang tama ang meta tag ng mga keyword na HTML".

Tag ng Paglalarawan ng Meta Ginagamit ito hindi lamang para sa mga robot ng search engine - lumilitaw ang teksto na nakapaloob dito bilang resulta ng mga resulta ng paghahanap para sa mga gumagamit ng Internet.

Ang iyong gawain ay lumikha ng ganoon tag ng paglalarawan ng meta, na magiging kaakit-akit sa mga robot at tao. Kaya, tulad ng kaso sa tag Pamagat, ito ay mahalaga na tag ng paglalarawan ng meta ay puno ng mga keyword at kaakit-akit sa mga tao. Search Engine Optimization Tag ng pamagat ay inilarawan sa artikulong "Paano gumawa ng tama ng HTML na tag ng pamagat para sa pamagat ng isang pahina ng website."

Mga panuntunan para sa meta tag Paglalarawan higit pa o mas kapareho ng para sa Tag ng pamagat. Gayunpaman, ang nilalaman ng tag na ito ay karaniwang mas mahaba kaysa sa Tag ng pamagat.

Kung hindi binigyang pansin ng webmaster ang pagpuno sa meta tag Paglalarawan, pagkatapos ay ang sistema ng paghahanap mismo ay bumubuo ng tinatawag na. snippet - isang maikling paglalarawan sa ilalim ng link sa page - mula sa mga fragment ng mga pangungusap na tumutugma sa paksa ng kahilingan, mula sa buong page.

Paglalarawan kasama ng Pamagat bumuo ng ilang napakahalagang meta tag, na tumutukoy kung lilipat ang user mula sa mga resulta ng paghahanap patungo sa iyong site o lilipat sa mga kakumpitensya. Samakatuwid, ito, tulad ng Pamagat, ay dapat na isulat para sa bawat pahina! Bukod dito, para sa bawat pahina ay dapat pumili ng iba't ibang mga salita at parirala na kasama sa mga pinangalanang tag.

Meta tag HTML code Paglalarawan ay matatagpuan sa sumusunod na lokasyon:




!}
</i><i>Nilalaman</i><i>meta</i><i>- </i><i>tag</i><i>"pamagat"< /title> </i><br><i>< /head> </i><br><i><body>Pangunahing nilalaman ng pahina< /body> </i><br><i>< /html> </i></p> <p>Narito ang maaaring maging hitsura nito, halimbawa: <b>HTML code</b> <b>meta tag Paglalarawan</b> para sa keyword na "Mga Paglilibot sa Odessa":</p> <p><i><meta name="description " content="Mga Paglilibot sa Odessa - Kami na ang bahala sa lahat ng detalye ng biyahe, para makapagpahinga ka nang may kumpletong kapayapaan ng isip"> </i></p> <p>Pakitandaan na ang paglalarawang ito ay inuulit ang keyword na "Mga Paglilibot sa Odessa", at itinuturo din ang mga halatang benepisyo: ang kliyente ay makakapag-relax nang hindi nababahala tungkol sa mga detalye ng paglalakbay - ikaw na ang bahala sa kanila.</p> <p>I-post ang iyong mga pinakamahalaga <b>mga keyword at parirala</b> sa simula ng bawat isa <b>meta tag Paglalarawan</b> at subukang magkaroon ng iba't ibang paglalarawan para sa bawat pahina ng iyong site. Gamit ang parehong mga paglalarawan sa <b>Tag ng Meta Description</b> sa bawat pahina ay mas masahol pa kaysa iwan silang blangko sa lahat.</p> <p>Tandaan na hindi napuno <b>tag ng paglalarawan ng meta</b> ay maaaring pagmulan ng mga seryosong problema kapag tinutukoy ang ranggo ng iyong site.</p> <p><b>Meta tag</b> <b>Paglalarawan</b> dapat gamitin sa bawat pahina ng site, dahil nananatili itong isang kapaki-pakinabang na karagdagan sa natatanging nilalaman ng pahina mismo. <b>Mga meta tag</b> <b>Paglalarawan</b> hindi dapat ulitin ang pamagat ng pahina, ngunit dapat maglaman ng maikling paglalarawan ng paksang tinutugunan sa pahina.</p> <p>Palaging subukang tiyakin na ang pinakamahalagang ideya na sinusubukan mong ihatid sa mga user ay nasa simula ng paglalarawan at naglalaman <b>mga keyword</b>, at tumpak na ipinapakita ng paglalarawan ang mga nilalaman ng pahina.</p> <p>Mahalagang tandaan na ang bawat pahina ng iyong site ay dapat maglaman ng sarili nitong kakaiba at tumpak <b>meta tag</b> <b>Paglalarawan</b>, mula noong duplikasyon <b>meta tag</b> <b>Paglalarawan</b> sa mga pahina ng site ay palaging negatibong na-rate ng mga search engine.</p> <p>Kapag ganap nang na-index ng Google ang iyong site, maaari mong tingnan kung may mga pagkakataon ng duplicate na meta tag sa <i>Mga tool ng Google Webmaster</i>, Halimbawa.</p> <p>Kahit na <b>meta tag</b> <b>Paglalarawan</b> ay hindi isa sa mga pangunahing pamantayan para sa SEO, dapat mo pa ring bigyang-pansin ang kalidad ng nilalaman <b>meta tag</b> <b>Paglalarawan</b>. Kailangan mong magsulat ng isa o dalawang pangungusap na naglalarawan sa iyong pahina sa paraang maghihikayat sa mga bisita na pumunta sa iyong site sa halip na sa site ng iyong mga kakumpitensya.</p> <p>Mahusay ang pagkakasulat at kakaiba <b>mga meta tag</b> <b>Paglalarawan</b> sa bawat pahina ng iyong site ay makakatulong sa pagtaas ng bilang ng mga pag-click sa iyong link.</p> <h2>Mga Alituntunin ng Google para sa Paggamit ng Meta Description Tag</h2> <table width="500" border="0" cellpadding="1"><tr><td><p><i><b>Paglalarawan ng META TAG</b> </i></p> </td> </tr><tr><td bgcolor="#DAF8FE"> <p><b>Bumuo ng isang maikling paglalarawan para sa bawat pahina</b></p> <p><b>Meta tag <description>nagbibigay sa search engine ng maikling paglalarawan ng mga nilalaman ng pahina</b>. Kung sa isang tag <title>gumamit kami ng isang parirala, pagkatapos ay sa <description>maaari na tayong sumulat ng ilang pangungusap o isang maikling talata. Ang Webmaster Toolkit ng Google ay may madaling gamitin na tool sa pagsusuri ng nilalaman na maaaring magsabi sa iyo kung ang iyong mga meta tag ay <description>masyadong mahaba/maikli o masyadong madalas na paulit-ulit (ang parehong function ay magagamit para sa mga tag <title>). Pareho ng tag <title>, meta tag <description>inilagay sa loob ng isang tag <head>html na mga pahina.</p> <p><b>Kahulugan ng meta tag <description>para sa pag-optimize ng paghahanap</b></p> <p>Mahalaga ang mga tag ng paglalarawan ng meta dahil <b>Maaaring gamitin ng Google ang mga ito kapag gumagawa ng mga snippet para sa iyong site.</b>. Tandaan na sinasabi namin ang "maaari" dahil maaaring pumili ang Google ng iba pang may-katuturang teksto mula sa iyong site para sa snippet kung ito ay mas nauugnay sa query ng user. Magagamit din ng Google ang paglalarawan ng iyong site mula sa proyekto ng Open Directory kung kasama dito ang iyong site.</p> <p>Pagdaragdag ng Meta Tag <description>Makakatulong din ang Google kung hindi makapag-iisa ang paghahanap ng robot ng angkop na text para sa snippet. Ang sentral na Blog para sa Mga Webmaster ay may kapaki-pakinabang na artikulo tungkol sa pagpapabuti ng mga snippet gamit ang mga meta tag <description>.</p> <p>Ang mga salita sa isang snippet ay naka-highlight nang bold kung tumugma ang mga ito sa query sa paghahanap ng user. Sa ganitong paraan, nakakakuha ang user ng ideya kung ano ang aasahan sa iyong page.</p> </td> </tr><td><p><i><b>PRAKTIKAL NA TIP</b> </i></p> </td> <tr><td bgcolor="#DAF8FE"> <p><b>Ilarawan nang maikli at tumpak ang nilalaman ng pahina</b></p> <p>Subukang gawing kawili-wili at makabuluhan ang paglalarawan ng pahina para sa mga user na makakakita nito bilang isang snippet sa pahina ng paghahanap. <b>Hindi namin inirerekomenda:</b></p> <ul><li>ipasok sa tag <description>paglalarawan na hindi tumutugma sa nilalaman ng pahina;</li> <li>gumamit ng mga pangkalahatang salita sa paglalarawan, halimbawa "ito ang aking pahina" o "pahina tungkol sa mga postkard";</li> <li>punan ang tag <description>mga keyword;</li> <li>ipasok sa tag <description>buong pahina ng teksto.</li> </ul><p><b>Gumawa ng natatanging paglalarawan para sa bawat pahina</b></p> <p>Ang isang natatanging paglalarawan ng bawat pahina ay kapaki-pakinabang para sa parehong search engine at mga user: halimbawa, kung ilang mga pahina ng iyong domain ang lalabas sa mga resulta ng paghahanap (lalo na kapag naghahanap gamit ang site: operator). Kung ang iyong site ay may libu-libo at milyon-milyong mga pahina, kung gayon ang manu-manong pagdaragdag ng mga paglalarawan ay kadalasang imposible. Sa kasong ito, maaari kang awtomatikong lumikha ng isang paglalarawan para sa bawat pahina batay sa nilalaman nito. <b>Hindi namin inirerekomenda:</b></p> </td> </tr></table> <p>Meta tag <meta>Tinutukoy ng HTML ang impormasyon tungkol sa isang web page. Ang mga tag sa meta group ay tinatawag na meta tag, at ang mga nilalaman ng meta tag ay tinatawag na metadata. Ang metadata ay nagpapahiwatig ng iba't ibang teknikal na impormasyon tungkol sa isang dokumento, pangunahin para sa mga browser at search engine at hindi nakikita ng user sa site.</p> <p>Ang mga meta tag ay kadalasang ginagamit: <i>may-akda</i>, <i>paglalarawan</i>, <i>mga keyword</i>, <i>viewport</i>, <i>charset</i>.</p> <p>Ang mga meta tag ay nasa lugar <head>HTML na dokumento(). Maaari kang magpasok o, gaya ng sinasabi nila, magsulat ng mga meta tag sa anumang pagkakasunud-sunod at dami.</p> <p>Hindi kinakailangang gumamit ng mga meta tag, ngunit inirerekomenda namin na punan ang hindi bababa sa paglalarawan, viewport, at charset meta tag. Ito ay magiging isang plus para sa panloob na pag-optimize ng website.</p> <h2>Syntax</h2> <meta атрибут="значение" атрибут="значение"> <h2>Mga halimbawa ng paggamit <meta>sa HTML code</h2> <html><br> <head><br> <meta charset="UTF-8"><br> <meta name="description" content="Mga meta tag sa isang HTML na dokumento. Paglalarawan ng mga sikat na meta tag, mga halimbawa ng paggamit sa isang web page"><br> <meta name="author" content="Ivan Ivanov"><br> </head><br></html> <h2>Mga pangunahing meta tag</h2> <p>Nasa ibaba ang ilang pangunahing mga tag <meta>na may mga tala ng aplikasyon at mga halimbawa ng paggamit.</p> <h3>Tag ng paglalarawan ng meta</h3> <p>Maikling paglalarawan ng dokumento (pahina ng website). Maaaring gamitin ng mga search engine ang mga nilalaman ng tag ng paglalarawan ng meta upang ipakita ito sa snippet ng mga resulta ng paghahanap.</p> <h4>Halimbawa ng paggamit ng meta tag ng paglalarawan</h4> <meta name="description" content="Maikling paglalarawan ng pahina"> <h3>Tag ng meta keyword</h3> <p>Mga Keyword ng Pahina. Dati ginagamit upang ipahiwatig sa mga search engine ang mga pangunahing semantic na parirala ng isang web page. Sa ngayon, may iba't ibang opinyon sa kung paano tama at kung sulit na punan ang meta tag ng mga keyword.</p> <h4>Isang halimbawa ng pagpuno sa meta tag ng mga keyword</h4> <meta name="keywords" content="keyword 1, keyword 2, keyword 3"> <h3>Meta viewport tag</h3> <p>Nagtatakda ng ilang opsyon sa viewport ng browser. Katangian <i>lapad</i> ay nagpapahiwatig ng lapad ng window ng pagtingin (viewport), <i>paunang sukat</i>- scaling factor kapag binubuksan ang page sa unang pagkakataon.</p> <h4>Halimbawa ng paggamit ng viewport meta tag</h4> <p>Meta tag para sa tumutugon na site: ay nagpapahiwatig na ang lapad ng viewport ay nababagay sa mga sukat ng device:</p><p> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </p><h3>Meta tag charset</h3> <p>Encoding ng web page. Ang pinakakaraniwang halaga ay "UTF-8".</p> <h4>Halimbawa ng paggamit ng charset encoding meta tag</h4> <meta charset="UTF-8"> <h3>Meta refresh tag</h3> <p>Ang isang meta tag na may katangian ay nagpapahiwatig ng oras kung kailan awtomatikong nire-refresh ang pahina. Awtomatikong magre-reload ang page sa pagitan na tinukoy sa <i>nilalaman</i> katangian. Ang halaga ay ipinahiwatig sa mga segundo.</p> <h4>Halimbawa ng paggamit ng meta http refresh</h4> <meta content="45"> <!-- Обновление страницы каждые 45 секунд --> <h2>Suporta sa browser</h2> <table class="browser_support"><tbody><tr><td>Tag</td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr><tr><td><meta> </td> <td>Oo</td> <td>Oo</td> <td>Oo</td> <td>Oo</td> <td>Oo</td> </tr></tbody></table><h2>Mga Katangian</h2> <table><tbody><tr><th>Katangian</th> <th>Mga halaga</th> <th>Paglalarawan</th> </tr><tr><td>charset</td> <td> <p><i>character_set</i></p> </td> <td> <p>Tinutukoy ang pag-encode ng HTML na dokumento.</p> </td> </tr><tr><td>nilalaman</td> <td> <p>halaga ng pagsubok</p> </td> <td> <p>Ang pangunahing nilalaman ng meta tag. Depende sa iba pang mga katangian. Ginamit sa <i>http-equiv</i> o <i>pangalan</i>.</p> </td> </tr><tr><td>http-equiv</td> <td> <p>uri ng nilalaman <br>default-style <br>i-refresh</p> </td> <td> <p>Itinatakda ang HTTP header para sa attribute <i>nilalaman</i>.</p> <p><i>Uri ng nilalaman</i>- Encoding. Hindi na ginagamit na halaga, sa paggamit ng HTML5 <i>charset</i>(tingnan ang halimbawa sa itaas). <br><i>Default na istilo</i>- Ginustong style sheet. <br><i>I-refresh</i>- Awtomatikong pag-refresh ng pahina.</p> </td> </tr><tr><td>pangalan</td> <td> <p>pangalan ng aplikasyon <br>may-akda <br>paglalarawan <br>generator <br>mga keyword <br>viewport</p> </td> <td> <p>Pangalan ng meta tag. Parang <i>http-equiv</i> tumutukoy sa kakanyahan ng meta tag.</p> <p><i>Pangalan ng aplikasyon</i>- ang pangalan ng web application na kinakatawan ng page. <br><i>May-akda</i>- ang pangalan ng may-akda ng web page. <br><i>Paglalarawan</i>- isang maikling paglalarawan ng pahina. <br><i>Generator</i>- Isinasaad ang software na ginamit upang likhain ang pahina (para sa mga hindi sulat-kamay na pahina). <br><i>Mga keyword</i>- mga keyword ng pahina. <br><i>Viewport</i>- ilang mga parameter ng lugar ng pagtingin sa pahina.</p> </td> </tr></tbody></table> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </div> </div> <div class="td-pb-span4 td-main-sidebar" role="complementary"> <div class="td-ss-main-sidebar"> </div> </div> </div> </div> </article> <script type="text/javascript"> try { var sbmt = document.getElementById('submit'), npt = document.createElement('input'), d = new Date(), __ksinit = function() { sbmt.parentNode.insertBefore(npt, sbmt); }; npt.value = d.getUTCDate() + '' + (d.getUTCMonth() + 1) + 'uniq9065'; npt.name = 'ksbn_code'; npt.type = 'hidden'; sbmt.onmousedown = __ksinit; sbmt.onkeypress = __ksinit; } catch (e) {} </script> <div class="td-sub-footer-container td-container-wrap "> <div class="td-container "> <div class="td-pb-row "> <div class="td-pb-span td-sub-footer-menu "></div> <div class="td-pb-span td-sub-footer-copy ">2024 jolly-me.ru. Pag-set up at pag-optimize ng mga operating system</div> </div> </div> </div> </div> <script data-cfasync="false" type="text/javascript"> if (window.addthis_product === undefined) { window.addthis_product = "wpwt"; } if (window.wp_product_version === undefined) { window.wp_product_version = "wpwt-3.1.2"; } if (window.wp_blog_version === undefined) { window.wp_blog_version = "4.9.1"; } if (window.addthis_share === undefined) { window.addthis_share = {}; } if (window.addthis_config === undefined) { window.addthis_config = { "data_track_clickback": true, "ui_language": "ru", "ui_atversion": "300" }; } if (window.addthis_plugin_info === undefined) { window.addthis_plugin_info = { "info_status": "enabled", "cms_name": "WordPress", "plugin_name": "Website Tools by AddThis", "plugin_version": "3.1.2", "plugin_mode": "AddThis", "anonymous_profile_id": "wp-f2d21fd70bfc0c32605b4e5e1e4ff912", "page_info": { "template": "posts", "post_type": "" }, "sharing_enabled_on_post_via_metabox": false }; } (function() { var first_load_interval_id = setInterval(function() { if (typeof window.addthis !== 'undefined') { window.clearInterval(first_load_interval_id); if (typeof window.addthis_layers !== 'undefined' && Object.getOwnPropertyNames(window.addthis_layers).length > 0) { window.addthis.layers(window.addthis_layers); } if (Array.isArray(window.addthis_layers_tools)) { for (i = 0; i < window.addthis_layers_tools.length; i++) { window.addthis.layers(window.addthis_layers_tools[i]); } } } }, 1000) }()); </script> <script type='text/javascript'> var tocplus = { "smooth_scroll": "1", "visibility_show": "\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c", "visibility_hide": "\u0441\u043a\u0440\u044b\u0442\u044c", "width": "Auto" }; </script> <script type='text/javascript' src='https://jolly-me.ru/wp-content/plugins/disqus-comment-system/media/js/disqus.js?ver=bbebb9a04042e1d7d3625bab0b5e9e4f'></script> <script> (function() { var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/wp-content/themes/Newspaper/style.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm, ''); }); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } }); } })(); </script> <div id="tdw-css-writer" style="display: none" class="tdw-drag-dialog tdc-window-sidebar"> <header> <a title="Editor" class="tdw-tab tdc-tab-active" href="#" data-tab-content="tdw-tab-editor">I-edit gamit ang Live CSS</a> <div class="tdw-less-info" title="Magiging pula ito kapag may nakitang mga error sa iyong CSS at LESS"></div> </header> <div class="tdw-content"> <div class="tdw-tabs-content tdw-tab-editor tdc-tab-content-active"> <script> (function(jQuery, undefined) { jQuery(window).ready(function() { if ('undefined' !== typeof tdcAdminIFrameUI) { var $liveIframe = tdcAdminIFrameUI.getLiveIframe(); if ($liveIframe.length) { $liveIframe.load(function() { $liveIframe.contents().find('body').append('<textarea class="tdw-css-writer-editor" style="display: none"></textarea>'); }); } } }); })(jQuery); </script> <textarea class="tdw-css-writer-editor td_live_css_uid_1_5a5dc1e76f1d6"></textarea> <div id="td_live_css_uid_1_5a5dc1e76f1d6" class="td-code-editor"></div> <script> jQuery(window).load(function() { if ('undefined' !== typeof tdLiveCssInject) { tdLiveCssInject.init(); var editor_textarea = jQuery('.td_live_css_uid_1_5a5dc1e76f1d6'); var languageTools = ace.require("ace/ext/language_tools"); var tdcCompleter = { getCompletions: function(editor, session, pos, prefix, callback) { if (prefix.length === 0) { callback(null, []); return } if ('undefined' !== typeof tdcAdminIFrameUI) { var data = { error: undefined, getShortcode: '' }; tdcIFrameData.getShortcodeFromData(data); if (!_.isUndefined(data.error)) { tdcDebug.log(data.error); } if (!_.isUndefined(data.getShortcode)) { var regex = /el_class=\"([A-Za-z0-9_-]*\s*)+\"/g, results = data.getShortcode.match(regex); var elClasses = {}; for (var i = 0; i < results.length; i++) { var currentClasses = results[i] .replace('el_class="', '') .replace('"', '') .split(' '); for (var j = 0; j < currentClasses.length; j++) { if (_.isUndefined(elClasses[currentClasses[j]])) { elClasses[currentClasses[j]] = ''; } } } var arrElClasses = []; for (var prop in elClasses) { arrElClasses.push(prop); } callback(null, arrElClasses.map(function(item) { return { name: item, value: item, meta: 'in_page' } })); } } } }; languageTools.addCompleter(tdcCompleter); window.editor = ace.edit("td_live_css_uid_1_5a5dc1e76f1d6"); // 'change' handler is written as function because it's called by tdc_on_add_css_live_components (of wp_footer hook) // We did it to reattach the existing compiled css to the new content received from server. window.editorChangeHandler = function() { //tdwState.lessWasEdited = true; window.onbeforeunload = function() { if (tdwState.lessWasEdited) { return "You have attempted to leave this page. Are you sure?"; } return false; }; var editorValue = editor.getSession().getValue(); editor_textarea.val(editorValue); if ('undefined' !== typeof tdcAdminIFrameUI) { tdcAdminIFrameUI.getLiveIframe().contents().find('.tdw-css-writer-editor:first').val(editorValue); // Mark the content as modified // This is important for showing info when composer closes tdcMain.setContentModified(); } tdLiveCssInject.less(); }; editor.getSession().setValue(editor_textarea.val()); editor.getSession().on('change', editorChangeHandler); editor.setTheme("ace/theme/textmate"); editor.setShowPrintMargin(false); editor.getSession().setMode("ace/mode/less"); editor.setOptions({ enableBasicAutocompletion: true, enableSnippets: true, enableLiveAutocompletion: false }); } }); </script> </div> </div> <footer> <a href="#" class="tdw-save-css">I-save</a> <div class="tdw-more-info-text">Sumulat ng CSS OR LESS at pindutin ang save. CTRL + SPACE para sa auto-complete.</div> <div class="tdw-resize"></div> </footer> </div> <script type="text/javascript" defer src="https://jolly-me.ru/wp-content/cache/autoptimize/js/autoptimize_d85127d8732b44d62e81e0455b3d3cb7.js"></script> </body> </html>