Clew

Басты бетҚұралдарСниппетті алдын ала қарау

Title мен meta description тексеру Google көрінісімен

Беттің тақырыбы мен сипаттамасын қойыңыз — құрал олардың енін пиксельмен өлшейді, Google мәтінді көп нүктемен қай жерден қиятынын көрсетеді, сұрау сөздерін бөлектейді және жиі кездесетін қателерді белгілейді. Экрандалған <title> және <meta name="description"> тегтерін бір басумен көшіріңіз.

● Тегін, тіркелусізЖаңартылды:

Көріністегі URL жолы үшін қолданылады.
Сұрау сөздері қалың қаріппен көрсетіледі, құрал олардың мәтінде бар-жоғын тексереді.
Құрылғы

—

 

Шамамен көрініс

Title— · —
Сипаттама— · —

Ені браузеріңізде Arial қарпімен өлшенеді. Шектер — ресми сандар емес, практикалық бағдар: іздеу жүйелері нәтижелер көрінісін өзгертіп, сниппеттерді жиі қайта жазады.

    <head> үшін тегтер

    
  
    

    

    Барлығы браузеріңізде есептеледі — енгізген деректеріңіз ешқайда жіберілмейді.
    Қалай пайдалану керек
    

    1. Title мен сипаттаманы қойыңызБеттегі <title> және <meta name="description"> мәтіні немесе жаңа беттің жобасы.
    2. Құрылғыны таңдаңызКомпьютер немесе телефон: телефонда сипаттамаға орын аз.
    3. Сұрау қосыңызСұрау сөздері іздеу нәтижелеріндегідей бөлектеледі, ал құрал қай сөздер жетіспейтінін айтады.
    4. Тегтерді көшіріңізЕскертулерді түзетіп, дайын тегтерді көшіріңіз: тырнақшалар мен арнайы таңбалар экрандалған.
    Неге title ұзындығы пиксельмен өлшенеді
    Іздеу нәтижелері тақырыпты таңба санымен емес, блок енімен шектейді. Пропорционал қаріпте әріптердің ені әртүрлі: «Ш» мен «Ж» «і» мен «л» әріптерінен бірнеше есе кең, бас әріптер кіші әріптерден кең. Сондықтан бір тақырыптың 60 таңбасы жолға сыяды, ал басқасының 52 таңбасы сыймайды.
    

    Құрал мәтінді браузер сияқты өлшейді: оны нәтижелердегі қаріпке ұқсас қаріппен көрінбейтін canvas-қа салады (canvas.measureText) да, енін практикалық бюджетпен салыстырады. Сыймаса, соңғы тұтас сөзден қиып, көп нүкте қосады — нәтижелерде әдетте солай көрінеді.
    

    Google, компьютер: title ≈ 600 px (Arial 20 px), сипаттама ≈ 920 px (Arial 14 px, шамамен екі жол)
Google, телефон:  title ≈ 600 px, сипаттама ≈ 680 px
    

    Бұл ресми шектер емес. Google құжаттамасында <title> элементінің де, meta description-ның да ұзындығы шектелмейтіні анық айтылған: тақырып сілтемелері мен сниппеттер құрылғы еніне сыю үшін қиылады. Жоғарыдағы бюджеттерді SEO мамандары кеңінен қолданады, олар жиі өзгеретін типтік көріністерді сипаттайды.
    

    Қазақстанда Google-дан бөлек Яндекс те қолданылады. Яндекс сниппетті бет мәтінінен өзі құрастырады және пиксельдік шектерді жарияламайды, сондықтан бұл құрал тек Google көрінісін салады. Практикалық қорытынды екеуіне де ортақ: ұзындық — мақсат емес. Беттің мәні мен кілт сөздер алғашқы 40–50 таңбада тұрсын, сонда тақырыптың соңы қиылса да мағына жоғалмайды.
    Google сниппетті қалай құрастырады
    Тақырып сілтемесі
    

    Google нәтиже тақырыбын «тақырып сілтемесі» (title link) деп атайды. Көбіне ол <title> тегінен алынады, бірақ Google басқа дереккөздерді де ескереді: беттегі басты көрінетін тақырып және басқа тақырыпшалар, og:title, көзге түсетін мәтін және бетке сілтейтін сілтемелердің мәтіні. <title> бос болса, көп бетте бірдей болса, кілт сөздерге толы болса немесе мазмұнға сай келмесе, Google тақырыпты ауыстырады.
    

    Сниппет
    

    Google сниппет мәтінін негізінен бет мазмұнынан, нақты сұрауға қарай таңдап құрастырады. Meta description бетті мәтін үзінділерінен дәлірек сипаттаса, қолданылады. Сондықтан бір URL әртүрлі сұрауларда әртүрлі сипаттамамен көрінуі мүмкін.
    

    Сниппеттер неге қайта жазылады
    

      

    • Title көп бетте бірдей: «Басты бет», «Өнімдер», «Clew».
      • 

    • Title бетті атаудың орнына үтір арқылы кілт сөздерді тізеді.
      • 

    • Сипаттама бетті тапқан сұрауға жауап бермейді.
      • 

    • Мәтін айқайлайды: БАС ӘРІПТЕР, «!!!», нақтылығы жоқ уәделер.
      • 

    SaaS беті үшін title мен сипаттаманы қалай жазу керек
    SaaS өнімінің лендингтері, функция беттері мен блог мақалалары үшін бір үлгі жақсы жұмыс істейді.
    

    title:       [бұл не / негізгі сұрау] + [кімге арналған немесе айырмашылығы] — [бренд]
description: [шешетін мәселе] + [1–2 нақты факт] + [жұмсақ шақыру: байқап көріңіз, есептеңіз, салыстырыңыз]
    

      

    • Алдымен сұрау. «SaaS үшін әзірлеушісіз пайдаланушы онбордингі — Clew» тақырыбы «Clew — көмектесетін платформа…» дегеннен жақсы. Брендті адамдар атымен іздейтін болса ғана алға қойыңыз.
      • 

    • Бір title — бір бет. Баға, функция және блог беттері бір тақырыппен бәсекелеспеуі керек.
      • 

    • Сипаттамада нақтылық. Адам не алады: «қосымшаңыздың ішіндегі турлар, кеңестер және чеклистер», «мәңгі тегін тариф». Ойдан шығарылған сандар жоқ.
      • 

    • Ниетке сай болсын. «Активацияны қалай арттыруға болады» сияқты ақпараттық сұрауда сипаттама сату мәтінін емес, жауапты уәде етеді.
      • 

    • Title-ді сипаттамада қайталамаңыз. Сипаттама тақырыпты қайталамай, жалғастырады.
      • 

    

    Аудиторияңыз орысша да, қазақша да іздесе, әр тілдегі бетке жеке title жазыңыз — сұраулар әртүрлі. Жақсы сниппет өнім шынымен керек адамдарды әкеледі. Одан кейін бәрін алғашқы сессия шешеді — Өнім онбордингі: бұл не және оны қалай баптау керек мақаласын қараңыз.
    Дереккөздер
      

    1. Google Search Central. Influencing your title links in search results — developers.google.com/search/docs/appearance/title-link.
      2. 

    2. Google Search Central. Control your snippets in search results — developers.google.com/search/docs/appearance/snippet.
      3. 

    3. MDN Web Docs. CanvasRenderingContext2D: measureText() — developer.mozilla.org.
      4. 

    4. HTML Living Standard: title элементі және description meta атауы — html.spec.whatwg.org.
      5. 

    Жиі қойылатын сұрақтар
    

    Title тегінің оңтайлы ұзындығы қандай?
    Google үшін практикалық бюджет шамамен 600 пиксель — әріптерге қарай шамамен 50–60 таңба. Ресми шек жоқ: ұзын title жай ғана қиылады, сондықтан маңыздысын басына қойыңыз.
    Meta description-ның оңтайлы ұзындығы қандай?
    Компьютердегі Google-да шамамен 920 пиксель — екі жолдай немесе 150–160 таңба; телефонда азырақ көрінеді. Google meta description ұзындығын шектемейді, бірақ сниппетті экран еніне қарай қияды және оны жиі бет мәтінінен құрастырады.
    Неге Google басқа тақырып көрсетеді?
    Title бос болса, көп бетте қайталанса, кілт сөздерге толы болса немесе мазмұнға сай келмесе, Google тақырып сілтемесін басқа дереккөздерден — басты тақырыптан, og:title-ден, сілтеме мәтінінен — құрастыруы мүмкін. Title-ді бірегей, қысқа әрі дәл етіңіз.
    Неге менің meta description көрсетілмейді?
    Google сниппет мәтінін әр сұрауға қарай таңдайды. Бет мәтінінің үзіндісі сұрауға meta description-нан жақсырақ жауап берсе, сол үзінді көрсетіледі. Бұл қалыпты; meta description-ды бәрібір жазған жөн, өйткені ол көп сұрауда қолданылады.
    Құрал пиксельдік енді қалай өлшейді?
    Мәтін браузердің көрінбейтін canvas-ына тиісті өлшемдегі Arial қарпімен салынады (title үшін 20 px, сипаттама үшін 14 px), ал measureText енін қайтарады. Бұл нәтижелер көрінісінің нақты көшірмесі емес, жуықтауы.
    Бренд title-де болуы керек пе?
    Әдетте иә, бірақ соңында: «UTM генераторы — Clew». Брендті адамдар оны біліп, іздейтін болса ғана басына қойыңыз, мысалы басты бетте.
    Яндекс үшін бөлек title керек пе?
    Жоқ, бір бетте бір title болады. Яндекс те title мен description-ды оқиды, бірақ сниппетті көбіне бет мәтінінен құрастырады және пиксельдік шектерді жарияламайды. Маңыздысын басына қою және title-ді бетке сай ету екі іздеу жүйесінде де жұмыс істейді.
    «SEO» бөлімінде тағы
    

    Тақырып бойынша
    Open Graph генераторыUTM генераторыБарлық құралдар
    Әсері сандардан көрінетін турлар, тултиптер мен чек-парақтар.
    

    Clew-ды тегін байқап көруҚалай жұмыс істейдіМәңгі тегін тариф · банк картасы қажет емес
    

    Турлар, попаптар және ЖИ дәуіріндегі онбординг
    

    Қадам саны, мәтін ережелері мен метрикалары бар 7 паттерн, ЖИ нені өзгертеді және жариялау алдындағы чек-лист. PDF, 2 бет. Ішінде не бар →
    

    

    


    

    

    


    Нұсқаулық ағылшын тілінде.