{"id":227,"date":"2026-07-06T13:40:44","date_gmt":"2026-07-06T13:40:44","guid":{"rendered":"https:\/\/aizonic.site\/?page_id=227"},"modified":"2026-07-20T21:15:16","modified_gmt":"2026-07-20T21:15:16","slug":"seo-title-generator","status":"publish","type":"page","link":"https:\/\/aizonic.site\/seo-title-generator\/","title":{"rendered":"SEO Title Generator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"227\" class=\"elementor elementor-227\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a9f912f e-flex e-con-boxed e-con e-parent\" data-id=\"a9f912f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bc85ea5 e-con-full e-flex e-con e-child\" data-id=\"bc85ea5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-6909603 e-con-full e-flex e-con e-child\" data-id=\"6909603\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a1bdee elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"5a1bdee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/aizonic.site\/wp-content\/uploads\/2026\/07\/icon-seo-title-generator.png\" title=\"icon-seo-title-generator\" alt=\"icon-seo-title-generator\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e5da4fe e-con-full e-flex e-con e-child\" data-id=\"e5da4fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1cb2692 e-con-full e-flex e-con e-child\" data-id=\"1cb2692\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4b2fd0 elementor-widget elementor-widget-heading\" data-id=\"b4b2fd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">SEO Title Generator<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c96514 elementor-widget elementor-widget-heading\" data-id=\"7c96514\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">\nGenerate click-worthy SEO Titles Instatly.<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb110db e-flex e-con-boxed e-con e-parent\" data-id=\"fb110db\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cef673 elementor-widget elementor-widget-html\" data-id=\"4cef673\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"tg-title-generator\" class=\"tg-wrap\">\n  <style>\n    #tg-title-generator {\n      --tg-bg: #14161a; --tg-panel: #1c1f25; --tg-border: #2c303a;\n      --tg-text: #e9ebf0; --tg-muted: #9aa0ac; --tg-accent: #5eead4; --tg-accent-dim: #1f4b45;\n      --tg-warn: #f5b942; --tg-danger: #f97066;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--tg-text); max-width: 760px; margin: 0 auto; box-sizing: border-box;\n    }\n    #tg-title-generator *, #tg-title-generator *::before, #tg-title-generator *::after { box-sizing: border-box; }\n    .tg-card { background: var(--tg-panel); border: 1px solid var(--tg-border); border-radius: 16px; padding: 28px; }\n    .tg-title { font-size: 20px; font-weight: 700; margin: 0 0 4px; letter-spacing: -0.01em; }\n    .tg-subtitle { font-size: 14px; color: var(--tg-muted); margin: 0 0 20px; }\n    .tg-controls { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-end; }\n    .tg-field { flex: 1; min-width: 160px; }\n    .tg-field-wide { flex: 2; min-width: 220px; }\n    .tg-label { display: block; font-size: 12px; color: var(--tg-muted); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.04em; }\n    .tg-input, .tg-select {\n      width: 100%; background: var(--tg-bg); border: 1px solid var(--tg-border); color: var(--tg-text);\n      border-radius: 8px; padding: 9px 10px; font-size: 14px;\n    }\n    .tg-input:focus, .tg-select:focus { outline: 1px solid var(--tg-accent); }\n    .tg-btn { background: var(--tg-accent); color: #05201c; border: none; border-radius: 8px; padding: 10px 18px; font-size: 14px; font-weight: 600; cursor: pointer; }\n    .tg-btn:hover { opacity: 0.9; }\n    .tg-list { margin-top: 22px; display: flex; flex-direction: column; gap: 8px; }\n    .tg-item {\n      display: flex; align-items: center; gap: 12px; background: var(--tg-bg); border: 1px solid var(--tg-border);\n      border-radius: 10px; padding: 12px 14px;\n    }\n    .tg-item-text { flex: 1; font-size: 14px; line-height: 1.4; }\n    .tg-item-count { font-size: 11px; padding: 3px 8px; border-radius: 999px; flex-shrink: 0; white-space: nowrap; }\n    .tg-count-good { background: rgba(94, 234, 212, 0.12); color: var(--tg-accent); }\n    .tg-count-ok { background: rgba(245, 185, 66, 0.12); color: var(--tg-warn); }\n    .tg-count-bad { background: rgba(249, 112, 102, 0.12); color: var(--tg-danger); }\n    .tg-copy-btn {\n      background: transparent; border: 1px solid var(--tg-border); color: var(--tg-text);\n      border-radius: 6px; padding: 6px 10px; font-size: 12px; cursor: pointer; flex-shrink: 0;\n    }\n    .tg-copy-btn:hover { border-color: var(--tg-accent); color: var(--tg-accent); }\n    .tg-empty { font-size: 13px; color: var(--tg-muted); margin-top: 18px; }\n    .tg-note { font-size: 12px; color: var(--tg-muted); margin-top: 16px; line-height: 1.5; }\n  <\/style>\n  <div class=\"tg-card\">\n    <p class=\"tg-title\">SEO Blog Title Generator<\/p>\n    <p class=\"tg-subtitle\">Type your blog topic to get click-worthy, SEO-friendly title ideas with live character counts.<\/p>\n\n    <div class=\"tg-controls\">\n      <div class=\"tg-field tg-field-wide\">\n        <label class=\"tg-label\" for=\"tgTopic\">Blog topic \/ keyword<\/label>\n        <input class=\"tg-input\" id=\"tgTopic\" type=\"text\" placeholder=\"e.g. email marketing, home workouts\">\n      <\/div>\n      <div class=\"tg-field\">\n        <label class=\"tg-label\" for=\"tgYear\">Include year<\/label>\n        <select class=\"tg-select\" id=\"tgYear\">\n          <option value=\"yes\">Yes (2026)<\/option>\n          <option value=\"no\">No<\/option>\n        <\/select>\n      <\/div>\n      <button class=\"tg-btn\" id=\"tgGenBtn\">Generate titles<\/button>\n    <\/div>\n\n    <div class=\"tg-list\" id=\"tgList\"><\/div>\n    <p class=\"tg-empty\" id=\"tgEmpty\">Your title ideas will show up here.<\/p>\n\n    <p class=\"tg-note\">Green = ideal length for Google search results (50\u201360 characters). Amber\/red just mean it may get truncated \u2014 still fine to use.<\/p>\n  <\/div>\n<\/div>\n<script>\n(function () {\n  const wrap = document.getElementById('tg-title-generator');\n  const topicInput = wrap.querySelector('#tgTopic');\n  const yearSelect = wrap.querySelector('#tgYear');\n  const genBtn = wrap.querySelector('#tgGenBtn');\n  const list = wrap.querySelector('#tgList');\n  const emptyEl = wrap.querySelector('#tgEmpty');\n\n  function cap(s) { return s.charAt(0).toUpperCase() + s.slice(1); }\n\n  function buildTemplates(topic, year) {\n    const t = topic.trim();\n    const T = cap(t);\n    const y = year === 'yes' ? ' in 2026' : '';\n    const yParen = year === 'yes' ? ' (2026)' : '';\n    const nums = [5, 7, 9, 10, 12];\n    const n1 = nums[Math.floor(Math.random() * nums.length)];\n    const n2 = nums[Math.floor(Math.random() * nums.length)];\n\n    return [\n      `The Ultimate Guide to ${T}${y}`,\n      `${n1} Best ${T} Tips You Need to Know`,\n      `How to ${t}: A Step-by-Step Guide for Beginners`,\n      `${T}: Everything You Need to Know${y}`,\n      `Why ${T} Matters More Than Ever`,\n      `${n2} Proven Ways to ${t}`,\n      `${T} 101: A Beginner's Guide`,\n      `The Complete ${T} Guide${yParen}`,\n      `${n1} Common ${T} Mistakes (and How to Avoid Them)`,\n      `Is ${T} Worth It? Here's What You Need to Know`,\n      `How ${T} Can Transform Your Results`,\n      `${n2} Things Nobody Tells You About ${t}`,\n      `A Beginner's Guide to ${t}`,\n      `${T}: Tips, Tricks, and Best Practices`,\n      `What Is ${T}? A Complete Breakdown`\n    ];\n  }\n\n  function countClass(len) {\n    if (len >= 50 && len <= 60) return 'tg-count-good';\n    if (len < 50 || (len > 60 && len <= 70)) return 'tg-count-ok';\n    return 'tg-count-bad';\n  }\n\n  function render(titles) {\n    list.innerHTML = '';\n    if (!titles || titles.length === 0) { emptyEl.style.display = ''; return; }\n    emptyEl.style.display = 'none';\n    titles.forEach(title => {\n      const row = document.createElement('div');\n      row.className = 'tg-item';\n\n      const textEl = document.createElement('span');\n      textEl.className = 'tg-item-text';\n      textEl.textContent = title;\n\n      const countEl = document.createElement('span');\n      countEl.className = 'tg-item-count ' + countClass(title.length);\n      countEl.textContent = title.length + ' chars';\n\n      const btn = document.createElement('button');\n      btn.className = 'tg-copy-btn';\n      btn.textContent = 'Copy';\n      btn.addEventListener('click', () => {\n        navigator.clipboard.writeText(title).then(() => {\n          btn.textContent = 'Copied';\n          setTimeout(() => btn.textContent = 'Copy', 1200);\n        });\n      });\n\n      row.appendChild(textEl);\n      row.appendChild(countEl);\n      row.appendChild(btn);\n      list.appendChild(row);\n    });\n  }\n\n  function generate() {\n    const topic = topicInput.value.trim();\n    if (!topic) { topicInput.focus(); return; }\n    render(buildTemplates(topic, yearSelect.value));\n  }\n\n  genBtn.addEventListener('click', generate);\n  topicInput.addEventListener('keydown', e => { if (e.key === 'Enter') generate(); });\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SEO Title Generator Generate click-worthy SEO Titles Instatly. SEO Blog Title Generator Type your blog topic to get click-worthy, SEO-friendly [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-227","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/pages\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/comments?post=227"}],"version-history":[{"count":16,"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/pages\/227\/revisions"}],"predecessor-version":[{"id":784,"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/pages\/227\/revisions\/784"}],"wp:attachment":[{"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/media?parent=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}