{"id":812,"date":"2026-07-21T07:58:54","date_gmt":"2026-07-21T07:58:54","guid":{"rendered":"https:\/\/aizonic.site\/?page_id=812"},"modified":"2026-07-21T08:02:45","modified_gmt":"2026-07-21T08:02:45","slug":"meta-tag-generator","status":"publish","type":"page","link":"https:\/\/aizonic.site\/meta-tag-generator\/","title":{"rendered":"Meta Tag Generator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"812\" class=\"elementor elementor-812\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f7ef272 e-con-full e-flex e-con e-child\" data-id=\"f7ef272\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-3488f8a e-con-full e-flex e-con e-child\" data-id=\"3488f8a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d78fef elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"8d78fef\" 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-meta-tag-generator.png\" title=\"icon-meta-tag-generator\" alt=\"icon-meta-tag-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-ae0e53a e-con-full e-flex e-con e-child\" data-id=\"ae0e53a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9a17dac e-con-full e-flex e-con e-child\" data-id=\"9a17dac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ec67e5 elementor-widget elementor-widget-heading\" data-id=\"1ec67e5\" 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\">Meta Tag Generator<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6717367 elementor-widget elementor-widget-heading\" data-id=\"6717367\" 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\">Generate easy Meta Tags in just few seconds.<\/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<div class=\"elementor-element elementor-element-1a8a852 e-flex e-con-boxed e-con e-parent\" data-id=\"1a8a852\" 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-932e3a2 elementor-widget elementor-widget-html\" data-id=\"932e3a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"mt-meta-generator\" class=\"mt-wrap\">\n  <style>\n    #mt-meta-generator {\n      --mt-bg: #14161a; --mt-panel: #1c1f25; --mt-border: #2c303a;\n      --mt-text: #e9ebf0; --mt-muted: #9aa0ac; --mt-accent: #5eead4; --mt-accent-dim: #1f4b45;\n      --mt-warn: #f5b942; --mt-danger: #f97066;\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--mt-text); max-width: 780px; margin: 0 auto; box-sizing: border-box;\n    }\n    #mt-meta-generator *, #mt-meta-generator *::before, #mt-meta-generator *::after { box-sizing: border-box; }\n    .mt-card { background: var(--mt-panel); border: 1px solid var(--mt-border); border-radius: 16px; padding: 28px; }\n    .mt-title { font-size: 20px; font-weight: 700; margin: 0 0 4px; letter-spacing: -0.01em; }\n    .mt-subtitle { font-size: 14px; color: var(--mt-muted); margin: 0 0 20px; }\n    .mt-section-title { font-size: 13px; font-weight: 700; color: var(--mt-accent); margin: 20px 0 10px; text-transform: uppercase; letter-spacing: 0.04em; }\n    .mt-section-title:first-of-type { margin-top: 0; }\n    .mt-grid { display: flex; flex-wrap: wrap; gap: 14px; }\n    .mt-field { flex: 1; min-width: 220px; }\n    .mt-field-full { flex: 1 1 100%; }\n    .mt-label { display: flex; justify-content: space-between; font-size: 12px; color: var(--mt-muted); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.04em; }\n    .mt-count { text-transform: none; letter-spacing: 0; }\n    .mt-count.mt-ok { color: var(--mt-accent); }\n    .mt-count.mt-warn { color: var(--mt-warn); }\n    .mt-input, .mt-textarea, .mt-select {\n      width: 100%; background: var(--mt-bg); border: 1px solid var(--mt-border); color: var(--mt-text);\n      border-radius: 8px; padding: 9px 10px; font-size: 14px; font-family: inherit;\n    }\n    .mt-input:focus, .mt-textarea:focus, .mt-select:focus { outline: 1px solid var(--mt-accent); }\n    .mt-textarea { min-height: 70px; resize: vertical; }\n    .mt-btn { background: var(--mt-accent); color: #05201c; border: none; border-radius: 8px; padding: 10px 18px; font-size: 14px; font-weight: 600; cursor: pointer; margin-top: 20px; }\n    .mt-btn:hover { opacity: 0.9; }\n    .mt-output-wrap { margin-top: 22px; display: none; }\n    .mt-output {\n      width: 100%; min-height: 220px; background: var(--mt-bg); border: 1px solid var(--mt-border); color: var(--mt-text);\n      border-radius: 10px; padding: 14px; font-size: 12.5px; font-family: \"SF Mono\", Consolas, Menlo, monospace; line-height: 1.6; resize: vertical;\n    }\n    .mt-footer { margin-top: 12px; display: flex; gap: 10px; align-items: center; }\n    .mt-copy-btn { background: transparent; border: 1px solid var(--mt-border); color: var(--mt-text); border-radius: 8px; padding: 8px 14px; font-size: 13px; cursor: pointer; }\n    .mt-copy-btn:hover { border-color: var(--mt-accent); color: var(--mt-accent); }\n    .mt-copied { font-size: 12px; color: var(--mt-accent); opacity: 0; transition: opacity .2s ease; }\n    .mt-copied.mt-show { opacity: 1; }\n  <\/style>\n  <div class=\"mt-card\">\n    <p class=\"mt-title\">Meta Tag Generator<\/p>\n    <p class=\"mt-subtitle\">Fill in your page details to generate SEO, Open Graph, and Twitter Card meta tags \u2014 paste the output into your page's &lt;head&gt;.<\/p>\n\n    <p class=\"mt-section-title\">Basic SEO<\/p>\n    <div class=\"mt-grid\">\n      <div class=\"mt-field-full\">\n        <label class=\"mt-label\" for=\"mtTitle\">Page title <span class=\"mt-count\" id=\"mtTitleCount\">0 \/ 60<\/span><\/label>\n        <input class=\"mt-input\" id=\"mtTitle\" type=\"text\" placeholder=\"Your page title\">\n      <\/div>\n      <div class=\"mt-field-full\">\n        <label class=\"mt-label\" for=\"mtDesc\">Meta description <span class=\"mt-count\" id=\"mtDescCount\">0 \/ 160<\/span><\/label>\n        <textarea class=\"mt-textarea\" id=\"mtDesc\" placeholder=\"A short, compelling summary of the page\"><\/textarea>\n      <\/div>\n      <div class=\"mt-field\">\n        <label class=\"mt-label\" for=\"mtKeywords\">Keywords (comma separated)<\/label>\n        <input class=\"mt-input\" id=\"mtKeywords\" type=\"text\" placeholder=\"keyword one, keyword two\">\n      <\/div>\n      <div class=\"mt-field\">\n        <label class=\"mt-label\" for=\"mtAuthor\">Author<\/label>\n        <input class=\"mt-input\" id=\"mtAuthor\" type=\"text\" placeholder=\"Your name or brand\">\n      <\/div>\n      <div class=\"mt-field-full\">\n        <label class=\"mt-label\" for=\"mtCanonical\">Canonical URL<\/label>\n        <input class=\"mt-input\" id=\"mtCanonical\" type=\"text\" placeholder=\"https:\/\/yoursite.com\/page\">\n      <\/div>\n    <\/div>\n\n    <p class=\"mt-section-title\">Open Graph (Facebook \/ LinkedIn)<\/p>\n    <div class=\"mt-grid\">\n      <div class=\"mt-field\">\n        <label class=\"mt-label\" for=\"mtOgType\">Content type<\/label>\n        <select class=\"mt-select\" id=\"mtOgType\">\n          <option value=\"website\">Website<\/option>\n          <option value=\"article\">Article<\/option>\n          <option value=\"product\">Product<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"mt-field\">\n        <label class=\"mt-label\" for=\"mtOgImage\">Image URL<\/label>\n        <input class=\"mt-input\" id=\"mtOgImage\" type=\"text\" placeholder=\"https:\/\/yoursite.com\/image.jpg\">\n      <\/div>\n      <div class=\"mt-field\">\n        <label class=\"mt-label\" for=\"mtSiteName\">Site name<\/label>\n        <input class=\"mt-input\" id=\"mtSiteName\" type=\"text\" placeholder=\"Your Website Name\">\n      <\/div>\n    <\/div>\n\n    <p class=\"mt-section-title\">Twitter Card<\/p>\n    <div class=\"mt-grid\">\n      <div class=\"mt-field\">\n        <label class=\"mt-label\" for=\"mtTwitterCard\">Card type<\/label>\n        <select class=\"mt-select\" id=\"mtTwitterCard\">\n          <option value=\"summary_large_image\">Summary with large image<\/option>\n          <option value=\"summary\">Summary<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"mt-field\">\n        <label class=\"mt-label\" for=\"mtTwitterHandle\">Twitter @handle (optional)<\/label>\n        <input class=\"mt-input\" id=\"mtTwitterHandle\" type=\"text\" placeholder=\"@yourbrand\">\n      <\/div>\n    <\/div>\n\n    <button class=\"mt-btn\" id=\"mtGenBtn\">Generate meta tags<\/button>\n\n    <div class=\"mt-output-wrap\" id=\"mtOutputWrap\">\n      <label class=\"mt-label\" for=\"mtOutput\" style=\"margin-top: 18px;\">Generated code<\/label>\n      <textarea class=\"mt-output\" id=\"mtOutput\" readonly><\/textarea>\n      <div class=\"mt-footer\">\n        <button class=\"mt-copy-btn\" id=\"mtCopyBtn\">Copy to clipboard<\/button>\n        <span class=\"mt-copied\" id=\"mtCopied\">Copied!<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n(function () {\n  const wrap = document.getElementById('mt-meta-generator');\n  const $ = sel => wrap.querySelector(sel);\n  const titleInput = $('#mtTitle'), descInput = $('#mtDesc'), keywordsInput = $('#mtKeywords'),\n        authorInput = $('#mtAuthor'), canonicalInput = $('#mtCanonical'), ogTypeSelect = $('#mtOgType'),\n        ogImageInput = $('#mtOgImage'), siteNameInput = $('#mtSiteName'), twitterCardSelect = $('#mtTwitterCard'),\n        twitterHandleInput = $('#mtTwitterHandle'), genBtn = $('#mtGenBtn'), outputWrap = $('#mtOutputWrap'),\n        outputEl = $('#mtOutput'), copyBtn = $('#mtCopyBtn'), copiedEl = $('#mtCopied'),\n        titleCount = $('#mtTitleCount'), descCount = $('#mtDescCount');\n\n  function escapeAttr(s) { return (s || '').replace(\/\"\/g, '&quot;'); }\n\n  function updateCounts() {\n    const tLen = titleInput.value.length;\n    titleCount.textContent = tLen + ' \/ 60';\n    titleCount.className = 'mt-count ' + (tLen > 0 && tLen <= 60 ? 'mt-ok' : 'mt-warn');\n    const dLen = descInput.value.length;\n    descCount.textContent = dLen + ' \/ 160';\n    descCount.className = 'mt-count ' + (dLen > 0 && dLen <= 160 ? 'mt-ok' : 'mt-warn');\n  }\n  titleInput.addEventListener('input', updateCounts);\n  descInput.addEventListener('input', updateCounts);\n  updateCounts();\n\n  function generate() {\n    const title = titleInput.value.trim();\n    const desc = descInput.value.trim();\n    const keywords = keywordsInput.value.trim();\n    const author = authorInput.value.trim();\n    const canonical = canonicalInput.value.trim();\n    const ogType = ogTypeSelect.value;\n    const ogImage = ogImageInput.value.trim();\n    const siteName = siteNameInput.value.trim();\n    const twitterCard = twitterCardSelect.value;\n    const twitterHandle = twitterHandleInput.value.trim();\n\n    let lines = [];\n    if (title) lines.push(`<title>${escapeAttr(title)}<\/title>`);\n    if (desc) lines.push(`<meta name=\"description\" content=\"${escapeAttr(desc)}\">`);\n    if (keywords) lines.push(`<meta name=\"keywords\" content=\"${escapeAttr(keywords)}\">`);\n    if (author) lines.push(`<meta name=\"author\" content=\"${escapeAttr(author)}\">`);\n    if (canonical) lines.push(`<link rel=\"canonical\" href=\"${escapeAttr(canonical)}\">`);\n\n    lines.push('');\n    lines.push('<!-- Open Graph -->');\n    if (title) lines.push(`<meta property=\"og:title\" content=\"${escapeAttr(title)}\">`);\n    if (desc) lines.push(`<meta property=\"og:description\" content=\"${escapeAttr(desc)}\">`);\n    lines.push(`<meta property=\"og:type\" content=\"${ogType}\">`);\n    if (ogImage) lines.push(`<meta property=\"og:image\" content=\"${escapeAttr(ogImage)}\">`);\n    if (canonical) lines.push(`<meta property=\"og:url\" content=\"${escapeAttr(canonical)}\">`);\n    if (siteName) lines.push(`<meta property=\"og:site_name\" content=\"${escapeAttr(siteName)}\">`);\n\n    lines.push('');\n    lines.push('<!-- Twitter Card -->');\n    lines.push(`<meta name=\"twitter:card\" content=\"${twitterCard}\">`);\n    if (title) lines.push(`<meta name=\"twitter:title\" content=\"${escapeAttr(title)}\">`);\n    if (desc) lines.push(`<meta name=\"twitter:description\" content=\"${escapeAttr(desc)}\">`);\n    if (ogImage) lines.push(`<meta name=\"twitter:image\" content=\"${escapeAttr(ogImage)}\">`);\n    if (twitterHandle) lines.push(`<meta name=\"twitter:site\" content=\"${escapeAttr(twitterHandle)}\">`);\n\n    outputEl.value = lines.join('\\n');\n    outputWrap.style.display = '';\n  }\n\n  genBtn.addEventListener('click', generate);\n  copyBtn.addEventListener('click', () => {\n    navigator.clipboard.writeText(outputEl.value).then(() => {\n      copiedEl.classList.add('mt-show');\n      setTimeout(() => copiedEl.classList.remove('mt-show'), 1500);\n    });\n  });\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>Meta Tag Generator Generate easy Meta Tags in just few seconds. Meta Tag Generator Fill in your page details to [&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-812","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/pages\/812","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=812"}],"version-history":[{"count":4,"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/pages\/812\/revisions"}],"predecessor-version":[{"id":818,"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/pages\/812\/revisions\/818"}],"wp:attachment":[{"href":"https:\/\/aizonic.site\/wp-json\/wp\/v2\/media?parent=812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}