Заглавието е какво и за какво е?

06.03.2020

Собственият сайт е добър начин да печелите доход. Но в този случай, трябва някак си да се сприятели с мета тагове. Помислете какви функции изпълняват заглавието и дескриптора и как да ги запишете в HTML.

Какво е заглавие?

заглавие

Заглавието е заглавието на страницата, която се показва в разделите и отметките на браузъра. Това е важен елемент от уеб страницата, чрез която търсачката оценява уместността на съдържанието към заявката за търсене.

заглавие на страницата

От една страна, тагът на заглавието трябва да съдържа ключови думи, за да „харесва“ търсачките. От друга страна, сайтовете са създадени за хора, а неудобното заглавие на страницата ще изплаши потребителите. Ето защо информационното съдържание и четливостта излизат на преден план. Как да създадем правилното заглавие?

Правила за писане на заглавие

правилно заглавие

Обмислете основните правила за създаване на заглавки на уеб страници.

  1. Краткост . Средната дължина на заглавието трябва да бъде приблизително 50 знака (идеалният диапазон е 45-65). Търсачката не отговаря на твърде кратък заглавие и прекъсва твърде дълго. В този случай потребителят ще види счупено изречение с тройна точка. Така че той няма да приеме напълно информацията, която искате да предадете на него. символи в заглавието
  2. Уникалност. Заглавието е уникален елемент на уеб страница. Първо, не трябва да се повтаря в мрежата. Второ, различните страници на един и същ сайт също трябва да бъдат различни. Разбира се, ако проектът е посветен на оригами, най-лесният начин за копиране на всички статии е едно заглавие "Оригами със собствените си ръце". Въпреки това, за правилна оптимизация трябва да излезете с уникално заглавие за всяка страница.
  3. Информативност . Заглавието на страницата трябва да показва съдържанието му възможно най-точно. Например, ако сте наричали страницата "Черни кожени чанти", не пишете за продукти от други цветове или материали. В крайна сметка, потребителят търси точно черни кожени чанти. Също така, не е необходимо да обявявате в заглавието информация, която не давате в статията. Предлагате да си купите дамско облекло, а заглавието на страницата звучи "Женско и мъжко облекло по поръчка"? Е, вие измамихте потенциален клиент.
  4. Г-н ramotnost. Пишем за хората, така че не пренебрегвайте правилата на руския език: естествен език, правопис, имена с главна буква. Не забравяйте, че заглавието е лицето на вашия проект. Ако ключът очевидно съдържа грешка, можете да го вмъкнете в тази форма в тялото на статията, но в заглавието на страницата да я реорганизирате в естествена форма.

Използване на ключ

правилно заглавие

Не е необходимо да изброявате всички ключови думи, които се използват в статията. Търсачката ще разглежда това като спам. Поставете в началото на главния ключ на заглавието, под който се оптимизира страницата. Можете да комбинирате няколко заявки, но го направете правилно. Например, “Купете Samsung Galaxy A5 в Киев на ниска цена” вместо “Купете Samsung Galaxy A5, купете Samsung Galaxy A5 в Киев, купете Samsung Galaxy A5 на ниска цена”.

Пунктуационни знаци

SEO оптимизаторите съветват да не се използва препинателни знаци в заглавието. На първо място това се отнася до стоп символите: () / |! _- + =. Точка, запетая и тире са по-приемливи символи в заглавието. Но ако е възможно, направете и без тях.

Въпреки това акцентът трябва да бъде поставен върху думата "съветвай". Не винаги е възможно да се създаде заглавие за четене без препинателни знаци. Въпреки това поставете главния ключ пред символите за спиране.

Заглавие на HTML

заглавие

Разбрахме как да съставим заглавието. Но как да го напиша в HTML кода, за да може браузърът да го покаже правилно? Маркер за тагове се намира в контейнера , Тя е сдвоена и няма атрибути. Само един документ на документ. </ p> <! - templs ad2 temple -> <p> <img alt = "#### 6" клас = ако височина = 302 src = "<! - templs img_dir temple -> title- is-what-and-what_7.jpg "width = 700 /> </ p> <h2> Защо имам нужда от дескриптор? </ h2> <p> Резултатите от търсенето показват фрагменти - къси блокове с информация за страницата. </ h> <p> Откъде идва описанието? Има две възможности: <img alt = "#### 7" class = if height = 391 src = "<! - templs img_dir temple -> title-is-what-and-what_8.jpg" width = 704 / </ p> <ol> <li> Търсачката избира отделно съдържание, което счита за най-подходящо. </ li> <li> Оптимизаторът я записва в специален таг. </ li> </ ol> <p> <img alt = "#### 8" class = if height = 213 src = "<! - templs img_dir temple -> title-is-what-and-what_9.jpg" width = 704 /> </ p> < Текстът в етикета не участва в класирането. С други думи, ние пишем описанието само за хората. Не забравяйте, че потребителят ще види фрагмент преди да влезе в сайта. Ако заглавието е вид визитка на проекта, тогава едно малко описание ще помогне на потребителя да реши дали да отиде тук или не. </ P> <p> Как да увеличим описателната способност за кликване? </ P> <ol> <li> <em> Кратко. </ em> Фокусирайте се върху 150 символа. Прекъсва се дескрипторната машина. Да, и хората обикновено не възприемат такива описания. </ Li> <li> <em> Атрактивен и интригуващ. </ em> Забравете за конструкциите "От тази статия ще научите ...", "Тази статия ще ви разкаже за ...". Пишете да „закачите” човек. <Em> </ em> Оставете канцеларията и сложната тяга - използвайте само жив език. </ Li> <li> <em> Информативен </ em>. Не прекалявайте с интригуващата формулировка. Мистериозните и неясни описания ще доведат до това, че потребителят просто не разбира какво става с статията. Той търси решение на проблема - и иска да получи директен отговор на въпроса си. </ Li> <li> <em> Писмено </ em>. И отново правилата на руския език: запетаи, главни букви, правопис. Потенциалният посетител трябва да разбере, че на сайта работят сериозни хора. </ Li> <li> <em> Уникални. Да, има изкушение да се напише същото описание за всички страници на един сайт. <! - ############ -> </ body> </ html> <script>_addload(function(){_setupIW('com');_csi('ru','bg','http://easy-trans.ru/mf.php%3Ffile%3D1549932766_7a74');});</script> Описанията обаче трябва да бъдат различни. Можете да ги напишете като шаблон, но не ги копирайте без промени. Уникалността в мрежата е нещо естествено. </li><li> <em>Ние описваме страницата, а не сайта.</em> В резултатите от търсенето човек вижда отделни страници, съдържанието на които отговаря на неговото искане. Само ако му хареса съдържанието, най-вероятно ще иска да се запознае с останалата част от сайта. Затова вашата задача е да насочите вниманието му към отделни страници. Например потребителят иска да купи мече. Няма нужда да му казвате, че имате чудесен сайт, на който ще намерите всички видове меки играчки. По-добре е да посочите, че тази страница съдържа каталог на плюшени мечета с различни цветове и размери. Даваме конкретна информация, а не обща. </li><li> <em>Ключови думи.</em> Използвайте основните клавиши, за които сте оптимизирали статията. Можете да ги комбинирате в едно изречение или да ги подредите в различни части на текста. Но направете това, без да жертвате четливостта и грамотността. Ако дескрипторът не участва в класирането, каква е целта на ключовите думи? Ако отговарят на заявката на потребителя, те са подчертани с получер шрифт, привличайки вниманието му. А това, от своя страна, увеличава възможността за кликване. Използвайте клавишите за директен вход. </li></ol><h2> HTML дескриптор </h2><p> Заглавието и дескрипторът са мета тагове, които са определени вътре <head> , Те не са включени в основното съдържание на страницата. Описание е единичен маркер. Той обаче съдържа атрибута на съдържанието, където се пише анотацията на страницата. Текстът е в кавички. </p><p><img alt="заглавие и дръжка" class=if height=258 src="https://puntomarinero.com/images/title-is-what-and-what_10.jpg" width=700 /></p><p> Обърнете дължимото внимание на мета таговете, защото те са важни за подобряване на кликване на страницата. Според тях потребителят определя дали сайтът е подходящ за него или не. Но не забравяйте, че най-важното е съдържанието. Дори и посетителят да се заинтересува от добре написано заглавие, той бързо ще напусне страницата, след като видя недобро съдържание. </p> </div> <div class="post-nav"> <div class="row"> <div class="col-md-6 text-right"> <a href="https://bg.puntomarinero.com/is-a-reading-book-just/"><i class="fa fa-angle-left"></i></a> <span class="small-title">Прочетете предишното</span> <h3><a href="https://bg.puntomarinero.com/is-a-reading-book-just/">Книгата за четене е само книга?</a></h3> </div> <div class="col-md-6 text-left"> <a href="https://bg.puntomarinero.com/silhouette-is-what/"><i class="fa fa-angle-right"></i></a> <span class="small-title">Прочетете по-нататък</span> <h3><a href="https://bg.puntomarinero.com/silhouette-is-what/">Силует е какво?</a></h3> </div> </div> </div> <div class="related-posts"> <h5>Свързани статии</h5> <div class="row"> <div class="col-md-4"> <div class="meta"><span>20.02.2019</span></div> <h3 class="h5"><a href="https://bg.puntomarinero.com/dmitry-pisarev-the-motives-of/">Дмитрий Писарев, "Мотивите на руската драма": резюме</a></h3> </div> <div class="col-md-4"> <div class="meta"><span>01.03.2019</span></div> <h3 class="h5"><a href="https://bg.puntomarinero.com/x-men-2-actors-details/">"X-Men 2": актьори, детайли, постижения</a></h3> </div> <div class="col-md-4"> <div class="meta"><span>10.03.2019</span></div> <h3 class="h5"><a href="https://bg.puntomarinero.com/dream-interpretation-why-dream-lice/">Тълкуване на сънища: Защо мечтаят въшки</a></h3> </div> </div> </div> </div> <aside class="col-md-4"> <div class="side-widget"> <h4>Какво ново</h4> <article class="style2"> <div class="row"> <div class="col-md-4 col-sm-4"> <a href="https://bg.puntomarinero.com/beautiful-summer-manicure-the-best/"> <div class="article-thumb"> <img src="https://puntomarinero.com/thumbs/beautiful-summer-manicure-the-best_330_231.jpg" class="img-responsive" alt=""> </div> </a> </div> <div class="col-md-8 col-sm-8"> <div class="post-excerpt no-padding"> <div class="meta"> <span>01.03.2019</span> </div> <h5><a href="https://bg.puntomarinero.com/beautiful-summer-manicure-the-best/">Красив летен маникюр: най-добрите идеи</a></h5> </div> </div> </div> </article> <article class="style2"> <div class="row"> <div class="col-md-4 col-sm-4"> <a href="https://bg.puntomarinero.com/female-tattoo-on-hand-attractive/"> <div class="article-thumb"> <img src="https://puntomarinero.com/thumbs/female-tattoo-on-hand-attractive_330_231.jpg" class="img-responsive" alt=""> </div> </a> </div> <div class="col-md-8 col-sm-8"> <div class="post-excerpt no-padding"> <div class="meta"> <span>27.03.2019</span> </div> <h5><a href="https://bg.puntomarinero.com/female-tattoo-on-hand-attractive/">Женска татуировка на ръка: привлекателно самоизразяване</a></h5> </div> </div> </div> </article> <article class="style2"> <div class="row"> <div class="col-md-4 col-sm-4"> <a href="https://bg.puntomarinero.com/why-do-spots-appear-on/"> <div class="article-thumb"> <img src="https://puntomarinero.com/thumbs/why-do-spots-appear-on_330_231.jpg" class="img-responsive" alt=""> </div> </a> </div> <div class="col-md-8 col-sm-8"> <div class="post-excerpt no-padding"> <div class="meta"> <span>25.02.2019</span> </div> <h5><a href="https://bg.puntomarinero.com/why-do-spots-appear-on/">Защо се появяват петна върху листа от краставици? Заболявания на краставици</a></h5> </div> </div> </div> </article> </div> <div class="clearfix" style="padding-bottom: 2em;"></div> <div class="side-widget"> <h4>Най-много</h4> <div role="tabpanel"> <!-- Nav tabs --> <ul class="nav nav-tabs nav-justified" role="tablist"> <li role="presentation" class="active"> <a href="#popular" aria-controls="popular" role="tab" data-toggle="tab">Популярен</a> </li> <li role="presentation"> <a href="#viewed" aria-controls="viewed" role="tab" data-toggle="tab">Гледан</a> </li> </ul> <!-- Tab panes --> <div class="tab-content"> <div role="tabpanel" class="tab-pane active fade in" id="popular"> <article class="style2"> <div class="row"> <div class="col-md-4 col-sm-4"> <a href="https://bg.puntomarinero.com/the-image-of-a-business/"> <div class="article-thumb"> <img src="https://puntomarinero.com/thumbs/the-image-of-a-business_330_231.jpg" class="img-responsive" alt=""> </div> </a> </div> <div class="col-md-8 col-sm-8"> <div class="post-excerpt no-padding"> <div class="meta"> <span>02.03.2019</span> </div> <h5><a href="https://bg.puntomarinero.com/the-image-of-a-business/">Образът на бизнес човек - ключът към успеха</a></h5> </div> </div> </div> </article> <div class="mini-posts"> <article class="style2"> <div class="row"> <div class="col-md-4 col-sm-4"> <a href="https://bg.puntomarinero.com/calendula-useful-properties-of-yellow/"> <div class="article-thumb"> <img src="https://puntomarinero.com/thumbs/calendula-useful-properties-of-yellow_330_231.jpg" class="img-responsive" alt=""> </div> </a> </div> <div class="col-md-8 col-sm-8"> <div class="post-excerpt no-padding"> <div class="meta"> <span>02.03.2019</span> </div> <h5><a href="https://bg.puntomarinero.com/calendula-useful-properties-of-yellow/">Невен. Полезни свойства на жълти цветя</a></h5> </div> </div> </div> </article> <article class="style2"> <div class="row"> <div class="col-md-4 col-sm-4"> <a href="https://bg.puntomarinero.com/lasolvan-for-inhalation-instructions-for/"> <div class="article-thumb"> <img src="https://puntomarinero.com/thumbs/lasolvan-for-inhalation-instructions-for_330_231.jpg" class="img-responsive" alt=""> </div> </a> </div> <div class="col-md-8 col-sm-8"> <div class="post-excerpt no-padding"> <div class="meta"> <span>02.03.2019</span> </div> <h5><a href="https://bg.puntomarinero.com/lasolvan-for-inhalation-instructions-for/">"Lasolvan" за вдишване, инструкции за употреба</a></h5> </div> </div> </div> </article> <article class="style2"> <div class="row"> <div class="col-md-4 col-sm-4"> <a href="https://bg.puntomarinero.com/tincture-of-calendula-acne-reviews/"> <div class="article-thumb"> <img src="https://puntomarinero.com/thumbs/tincture-of-calendula-acne-reviews_330_231.jpg" class="img-responsive" alt=""> </div> </a> </div> <div class="col-md-8 col-sm-8"> <div class="post-excerpt no-padding"> <div class="meta"> <span>07.03.2019</span> </div> <h5><a href="https://bg.puntomarinero.com/tincture-of-calendula-acne-reviews/">Тинктура от акне от невен: ревюта по заявлението. Дали тинктурата от невен помага на акне?</a></h5> </div> </div> </div> </article> </div> </div> <div role="tabpanel" class="tab-pane fade in" id="viewed"> <article class="style2"> <div class="row"> <div class="col-md-4 col-sm-4"> <a href="https://bg.puntomarinero.com/chinese-cucumber-cooking-recipes/"> <div class="article-thumb"> <img src="https://puntomarinero.com/thumbs/chinese-cucumber-cooking-recipes_120_75.jpg" class="img-responsive" alt=""> </div> </a> </div> <div class="col-md-8 col-sm-8"> <div class="post-excerpt no-padding"> <div class="meta"> <span>25.02.2019</span> </div> <h5><a href="https://bg.puntomarinero.com/chinese-cucumber-cooking-recipes/">Китайски краставици: рецепти за готвене</a></h5> </div> </div> </div> </article> <div class="mini-posts"> <article class="style2"> <div class="row"> <div class="col-md-4 col-sm-4"> <a href="https://bg.puntomarinero.com/how-to-make-a-daisy/"> <div class="article-thumb"> <img src="https://puntomarinero.com/thumbs/how-to-make-a-daisy_120_75.jpg" class="img-responsive" alt=""> </div> </a> </div> <div class="col-md-8 col-sm-8"> <div class="post-excerpt no-padding"> <div class="meta"> <span>25.02.2019</span> </div> <h5><a href="https://bg.puntomarinero.com/how-to-make-a-daisy/">Как да направите маргаритка на хартия със собствените си ръце?</a></h5> </div> </div> </div> </article> <article class="style2"> <div class="row"> <div class="col-md-4 col-sm-4"> <a href="https://bg.puntomarinero.com/trailer-for-a-boat-with/"> <div class="article-thumb"> <img src="https://puntomarinero.com/thumbs/trailer-for-a-boat-with_120_75.jpg" class="img-responsive" alt=""> </div> </a> </div> <div class="col-md-8 col-sm-8"> <div class="post-excerpt no-padding"> <div class="meta"> <span>25.02.2019</span> </div> <h5><a href="https://bg.puntomarinero.com/trailer-for-a-boat-with/">Ремарке за лодка със собствените си ръце. Инструкции за производство, чертежи, материали</a></h5> </div> </div> </div> </article> <article class="style2"> <div class="row"> <div class="col-md-4 col-sm-4"> <a href="https://bg.puntomarinero.com/pyloric-stenosis-in-newborns-causes/"> <div class="article-thumb"> <img src="https://puntomarinero.com/thumbs/pyloric-stenosis-in-newborns-causes_120_75.jpg" class="img-responsive" alt=""> </div> </a> </div> <div class="col-md-8 col-sm-8"> <div class="post-excerpt no-padding"> <div class="meta"> <span>25.02.2019</span> </div> <h5><a href="https://bg.puntomarinero.com/pyloric-stenosis-in-newborns-causes/">Пилорична стеноза при новородени. Причини, симптоми и лечение</a></h5> </div> </div> </div> </article> </div> </div> </div> </div> <!-- TABS --> </div> </aside> </div> </div> </div> </div> <footer class="margin-top-30"> <div class="container"> <div class="footer-bottom"> <div class="row"> <div class="col-md-6 col-sm-6"> <p>© 2018 - 2024 puntomarinero.com</p> </div> <div class="col-md-6 col-sm-6 text-right"> <ul class="list-inline"> <li><a href="https://bg.puntomarinero.com/contact_us/">Свържете се с нас</a></li> <li><a href="https://bg.puntomarinero.com/terms_of_service/">Условия за ползване</a></li> </ul> <ul class="list-inline"> </ul> </div> </div> </div> </div> </footer> <!-- Piwik --> <script type="text/javascript"> var _paq = _paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//puntomarinero.com/"; _paq.push(["setTrackerUrl", u+"piwik.php"]); _paq.push(["setSiteId", "2"]); var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript"; g.async=true; g.defer=true; g.src=u+"piwik.php"; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Piwik Code --> <!-- jQuery --> <script src="https://bg.puntomarinero.com/dist/cruc/js/jquery.min.js"></script> <script src="https://bg.puntomarinero.com/dist/cruc/js/bootstrap/bootstrap.min.js"></script> <script src="https://bg.puntomarinero.com/dist/cruc/js/slick/slick.min.js"></script> <script src="https://bg.puntomarinero.com/dist/cruc/js/theme.js"></script> <script src="https://bg.puntomarinero.com/dist/js/jquery.lazyloadxt.min.js"></script> <script> $(".if").addClass("img-responsive"); $.extend($.lazyLoadXT, { edgeY: 200, srcAttr: 'data-src' }); </script> </div> </body> </html>