✓ 🍋
peasy / math
Menu
Tất cả công cụ Hướng dẫn 15 Thuật ngữ 48 Định dạng tệp 131 Trường hợp sử dụng 302 API

Categories

P pdf I image D document T text D developer C css D design V video A audio Q qr S seo S security S social M math G generator
🍋 peasytools.com
How-To Beginner 1 min read 276 words

Meta Tags Optimization: A Complete Guide for 2025-2026

Meta tags are the first impression your page makes on search engines and social platforms. Optimizing title tags, descriptions, and other meta elements directly impacts click-through rates from SERPs.

Key Takeaways

  • The `<title>` element is the single most impactful on-page SEO factor.
  • Control how your pages appear when shared on Facebook, LinkedIn, and other platforms:
  • Twitter uses its own meta tags alongside Open Graph fallbacks:
  • Duplicate titles across multiple pages
  • ## The Most Important Meta Tags ### Title Tag The `<title>` element is the single most impactful on-page SEO factor.
Featured Tool

Meta Length Checker

Check meta title & description lengths against Google's display limits

Try it Free

The Most Important Meta Tags

Title Tag

The </code> element is the single most impactful on-page SEO factor. It appears in browser tabs, search results, and social shares.</p> <table> <thead> <tr> <th>Rule</th> <th>Guideline</th> </tr> </thead> <tbody> <tr> <td>Length</td> <td>50-60 characters (Google truncates at ~580px)</td> </tr> <tr> <td>Primary keyword</td> <td>Place near the beginning</td> </tr> <tr> <td>Brand name</td> <td>Append with a separator (" — Brand")</td> </tr> <tr> <td>Uniqueness</td> <td>Every page must have a distinct title</td> </tr> </tbody> </table> <h3 id="meta-description">Meta Description</h3> <p>Not a ranking factor, but heavily influences click-through rate. Write a compelling 150-160 character summary that includes the target keyword and a clear value proposition.</p> <p>Google rewrites descriptions about 62% of the time, but a well-written description increases the chance it is used as-is.</p> <h3 id="robots-meta-tag">Robots Meta Tag</h3> <p><code><meta name="robots" content="index, follow"></code> is the default. Use <code>noindex</code> for pages you want crawled but not indexed (admin pages, thank-you pages, duplicate filtered views).</p> <h2 id="open-graph-tags">Open Graph Tags</h2> <p>Control how your pages appear when shared on Facebook, LinkedIn, and other platforms:</p> <ul> <li><code>og:title</code> — Share title (can differ from SEO title)</li> <li><code>og:description</code> — Share description</li> <li><code>og:image</code> — <span class="glossary-term" data-term="Preview" data-slug="preview" data-definition="A visual representation of a file's content before downloading or processing it.">Preview</span> image (minimum 1200×630px)</li> <li><code>og:type</code> — Content type (website, article)</li> </ul> <h2 id="twitter-card-tags">Twitter Card Tags</h2> <p>Twitter uses its own meta tags alongside <span class="glossary-term" data-term="Open Graph" data-slug="open-graph" data-definition="A set of meta tags controlling how pages appear when shared on social media (title, description, image).">Open Graph</span> fallbacks:</p> <ul> <li><code>twitter:card</code> — Card type (summary, summary_large_image)</li> <li><code>twitter:title</code> — Falls back to og:title</li> <li><code>twitter:description</code> — Falls back to og:description</li> </ul> <h2 id="common-mistakes">Common Mistakes</h2> <ul> <li>Duplicate titles across multiple pages</li> <li>Missing or too-short meta descriptions</li> <li>Using the same OG image for every page</li> <li>Forgetting the viewport meta tag for mobile</li> <li>Blocking CSS/JS with robots meta while expecting proper <span class="glossary-term" data-term="Rendering" data-slug="rendering" data-definition="The process of converting document data into a visual representation on screen or paper.">rendering</span></li> </ul> </div> </section> </div> <aside class="hidden lg:block"> <div class="sticky top-24"> <nav class="guide-toc-sidebar"> <h2 class="text-xs font-semibold uppercase tracking-wider text-gray-400 dark:text-gray-500 mb-3 px-3">On this page</h2> <ul class="space-y-0.5 text-[13px]"> <li> <a href="#the-most-important-meta-tags" class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors " :class="activeHeading === 'the-most-important-meta-tags' ? 'guide-toc-active' : ''" data-anchor="the-most-important-meta-tags"> The Most Important Meta Tags </a> </li> <li> <a href="#title-tag" class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors pl-6 text-[12.5px]" :class="activeHeading === 'title-tag' ? 'guide-toc-active' : ''" data-anchor="title-tag"> Title Tag </a> </li> <li> <a href="#meta-description" class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors pl-6 text-[12.5px]" :class="activeHeading === 'meta-description' ? 'guide-toc-active' : ''" data-anchor="meta-description"> Meta Description </a> </li> <li> <a href="#robots-meta-tag" class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors pl-6 text-[12.5px]" :class="activeHeading === 'robots-meta-tag' ? 'guide-toc-active' : ''" data-anchor="robots-meta-tag"> Robots Meta Tag </a> </li> <li> <a href="#open-graph-tags" class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors " :class="activeHeading === 'open-graph-tags' ? 'guide-toc-active' : ''" data-anchor="open-graph-tags"> Open Graph Tags </a> </li> <li> <a href="#twitter-card-tags" class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors " :class="activeHeading === 'twitter-card-tags' ? 'guide-toc-active' : ''" data-anchor="twitter-card-tags"> Twitter Card Tags </a> </li> <li> <a href="#common-mistakes" class="guide-toc-link block rounded-md px-3 py-1.5 transition-colors " :class="activeHeading === 'common-mistakes' ? 'guide-toc-active' : ''" data-anchor="common-mistakes"> Common Mistakes </a> </li> </ul> </nav> </div> </aside> </div> </div> </article> </main> <!-- Footer --> <footer class="mt-auto" style="background: #111827; color: #9CA3AF;"> <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 pt-10 pb-6" x-data="{ openCol: null }"> <!-- Row 1: Brand + Resources + Developers + Company --> <div class="md:grid md:gap-10" style="grid-template-columns: 1.5fr 1fr 1fr 1fr;"> <!-- Brand column --> <div class="mb-8 md:mb-0"> <div class="flex items-center gap-2 mb-3"> <svg class="h-5 w-5 shrink-0" viewBox="0 0 32 32" fill="none"> <ellipse cx="16" cy="17" rx="11" ry="12" fill="#FBBF24"/> <ellipse cx="16" cy="17" rx="11" ry="12" fill="url(#lemon-grad-f)"/> <path d="M16 5c-1-3 0-4 2-4.5s3 1 2 3.5" fill="#22C55E"/> <path d="M16 5c1-3 0-4-2-4.5s-3 1-2 3.5" fill="#16A34A"/> <defs><linearGradient id="lemon-grad-f" x1="5" y1="8" x2="27" y2="29"><stop stop-color="#FBBF24"/><stop offset="1" stop-color="#D97706"/></linearGradient></defs> </svg> <span class="text-white font-bold text-sm">peasy</span> <span style="color: #4B5563; font-weight: 400;">/</span> <span style="color: var(--accent);" class="font-bold text-sm">math</span> </div> <p class="text-sm leading-relaxed max-w-xs" style="color: #6B7280;"> Free online tools that run in your browser. No uploads, no sign-ups, no tracking. </p> </div> <!-- Resources column --> <div class="border-t border-gray-800 md:border-0 py-3 md:py-0"> <button @click="openCol = openCol === 'resources' ? null : 'resources'" class="flex w-full items-center justify-between md:pointer-events-none md:cursor-default" style="min-height: 44px;"> <span class="text-xs font-bold uppercase tracking-[0.08em] text-gray-300">Resources</span> <svg class="h-4 w-4 md:hidden transition-transform" :class="openCol === 'resources' ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> </button> <ul class="space-y-2 mt-2 text-sm md:!block" x-show="openCol === 'resources'" x-collapse x-cloak> <li><a href="/guides/" class="hover:text-white transition-colors">Hướng dẫn <span class="text-xs text-gray-500">(15)</span></a></li> <li><a href="/glossary/" class="hover:text-white transition-colors">Thuật ngữ <span class="text-xs text-gray-500">(48)</span></a></li> <li><a href="/use-cases/" class="hover:text-white transition-colors">Trường hợp sử dụng <span class="text-xs text-gray-500">(302)</span></a></li> <li><a href="/formats/" class="hover:text-white transition-colors">Định dạng tệp <span class="text-xs text-gray-500">(131)</span></a></li> <li><a href="/convert/" class="hover:text-white transition-colors">Chuyển đổi <span class="text-xs text-gray-500">(1484)</span></a></li> </ul> </div> <!-- Developers column --> <div class="border-t border-gray-800 md:border-0 py-3 md:py-0"> <button @click="openCol = openCol === 'dev' ? null : 'dev'" class="flex w-full items-center justify-between md:pointer-events-none md:cursor-default" style="min-height: 44px;"> <span class="text-xs font-bold uppercase tracking-[0.08em] text-gray-300">Developers</span> <svg class="h-4 w-4 md:hidden transition-transform" :class="openCol === 'dev' ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> </button> <ul class="space-y-2 mt-2 text-sm md:!block" x-show="openCol === 'dev'" x-collapse x-cloak> <li><a href="/developers/" class="hover:text-white transition-colors">API Documentation</a></li> <li><a href="/api/openapi.json" class="hover:text-white transition-colors">OpenAPI Spec</a></li> <li><a href="/llms.txt" class="hover:text-white transition-colors">llms.txt</a></li> </ul> </div> <!-- Company column --> <div class="border-t border-gray-800 md:border-0 py-3 md:py-0"> <button @click="openCol = openCol === 'company' ? null : 'company'" class="flex w-full items-center justify-between md:pointer-events-none md:cursor-default" style="min-height: 44px;"> <span class="text-xs font-bold uppercase tracking-[0.08em] text-gray-300">Company</span> <svg class="h-4 w-4 md:hidden transition-transform" :class="openCol === 'company' ? 'rotate-180' : ''" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg> </button> <ul class="space-y-2 mt-2 text-sm md:!block" x-show="openCol === 'company'" x-collapse x-cloak> <li><a href="/about/" class="hover:text-white transition-colors">About</a></li> <li><a href="/about/technology/" class="hover:text-white transition-colors">Technology</a></li> <li><a href="/privacy/" class="hover:text-white transition-colors">Chính sách quyền riêng tư</a></li> <li><a href="/terms/" class="hover:text-white transition-colors">Điều khoản dịch vụ</a></li> </ul> </div> </div> <!-- Row 2: Per-category tool links (mega-footer) --> <div class="border-t border-gray-800 mt-8 pt-8"> <h3 class="text-xs font-bold uppercase tracking-[0.08em] text-gray-300 mb-5">All Tools by Category</h3> <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-x-8 gap-y-6"> <div> <a href="https://peasypdf.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #EF4444;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #EF4444;"></span> PDF Tools </a> <ul class="space-y-1"> <li><a href="https://peasypdf.com/pdf/merge-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Merge PDF</a></li> <li><a href="https://peasypdf.com/pdf/split-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Split PDF</a></li> <li><a href="https://peasypdf.com/pdf/compress-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Compress PDF</a></li> <li><a href="https://peasypdf.com/pdf/rotate-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Rotate PDF</a></li> <li><a href="https://peasypdf.com/pdf/add-page-numbers/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Add Page Numbers</a></li> <li><a href="https://peasypdf.com/pdf/pdf-to-jpg/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">PDF to JPG</a></li> <li><a href="https://peasypdf.com/pdf/watermark-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Watermark PDF</a></li> <li><a href="https://peasypdf.com/pdf/reorder-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Reorder PDF Pages</a></li> <li><a href="https://peasypdf.com/pdf/flatten-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Flatten PDF</a></li> <li><a href="https://peasypdf.com/pdf/edit-pdf-metadata/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Edit PDF Metadata</a></li> <li><a href="https://peasypdf.com/pdf/sign-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Sign PDF</a></li> <li><a href="https://peasypdf.com/pdf/jpg-to-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">JPG to PDF</a></li> <li><a href="https://peasypdf.com/pdf/extract-text-from-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Extract Text from PDF</a></li> <li><a href="https://peasypdf.com/pdf/delete-pdf-pages/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">PDF 페이지 삭제</a></li> <li><a href="https://peasypdf.com/pdf/reverse-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">PDF 역순 정렬</a></li> <li><a href="https://peasypdf.com/pdf/extract-pdf-pages/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">PDF 페이지 추출</a></li> <li><a href="https://peasypdf.com/pdf/odd-even-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">홀수/짝수 페이지 추출</a></li> <li><a href="https://peasypdf.com/pdf/resize-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">PDF 페이지 크기 변경</a></li> <li><a href="https://peasypdf.com/pdf/crop-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">PDF 자르기</a></li> <li><a href="https://peasypdf.com/pdf/insert-blank-pages/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">빈 페이지 삽입</a></li> <li><a href="https://peasypdf.com/pdf/duplicate-pdf-pages/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">PDF 페이지 복제</a></li> <li><a href="https://peasypdf.com/pdf/pdf-to-png/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">PDF를 PNG로 변환</a></li> <li><a href="https://peasypdf.com/pdf/pdf-header-footer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">머리글 및 바닥글 추가</a></li> <li><a href="https://peasypdf.com/pdf/add-text-to-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">PDF에 텍스트 추가</a></li> <li><a href="https://peasypdf.com/pdf/add-image-to-pdf/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">PDF에 이미지 추가</a></li> </ul> </div> <div> <a href="https://peasysafe.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #64748B;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #64748B;"></span> Privacy & Security </a> <ul class="space-y-1"> <li><a href="https://peasysafe.com/safe/safe-password-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Password Generator</a></li> <li><a href="https://peasysafe.com/safe/password-strength/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Password Strength Checker</a></li> <li><a href="https://peasysafe.com/safe/safe-hash-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Hash Generator</a></li> <li><a href="https://peasysafe.com/safe/hmac-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">HMAC Generator</a></li> <li><a href="https://peasysafe.com/safe/aes-encrypt/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">AES Encrypt / Decrypt</a></li> <li><a href="https://peasysafe.com/safe/random-string/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Random String Generator</a></li> <li><a href="https://peasysafe.com/safe/csp-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSP Header Generator</a></li> <li><a href="https://peasysafe.com/safe/text-redactor/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Text Redactor</a></li> <li><a href="https://peasysafe.com/safe/cors-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CORS Header Generator</a></li> <li><a href="https://peasysafe.com/safe/sri-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">SRI Hash Generator</a></li> <li><a href="https://peasysafe.com/safe/base64-encoder-decoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Base64 인코더 / 디코더</a></li> <li><a href="https://peasysafe.com/safe/jwt-decoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">JWT Decoder</a></li> <li><a href="https://peasysafe.com/safe/uuid-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">UUID Generator</a></li> <li><a href="https://peasysafe.com/safe/totp-configurator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">TOTP 설정기</a></li> <li><a href="https://peasysafe.com/safe/ssl-certificate-decoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">SSL 인증서 디코더</a></li> </ul> </div> <div> <a href="https://peasysocial.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #F43F5E;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #F43F5E;"></span> Social Media Tools </a> <ul class="space-y-1"> <li><a href="https://peasysocial.com/social/social-char-counter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">소셜 미디어 글자 수 카운터</a></li> <li><a href="https://peasysocial.com/social/social-hashtag-tool/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">해시태그 추출 및 생성기</a></li> <li><a href="https://peasysocial.com/social/social-mention-extractor/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">소셜 멘션 추출기</a></li> <li><a href="https://peasysocial.com/social/social-thread-splitter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">스레드 분할기</a></li> <li><a href="https://peasysocial.com/social/social-emoji-tool/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">이모지 제거 및 추출기</a></li> <li><a href="https://peasysocial.com/social/social-bio-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">바이오 포맷터</a></li> <li><a href="https://peasysocial.com/social/social-cta-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CTA 생성기</a></li> <li><a href="https://peasysocial.com/social/social-engagement-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">참여도 분석기</a></li> <li><a href="https://peasysocial.com/social/social-post-preview/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">게시물 미리보기</a></li> <li><a href="https://peasysocial.com/social/social-utm-builder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">UTM 링크 빌더</a></li> <li><a href="https://peasysocial.com/social/social-handle-checker/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">사용자명 검사기</a></li> <li><a href="https://peasysocial.com/social/social-image-size-guide/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">이미지 크기 가이드</a></li> <li><a href="https://peasysocial.com/social/social-best-posting-times/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">최적 게시 시간</a></li> <li><a href="https://peasysocial.com/social/thread-splitter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Thread Splitter</a></li> <li><a href="https://peasysocial.com/social/caption-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Caption & Alt Text Formatter</a></li> </ul> </div> <div> <a href="https://peasygen.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #84CC16;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #84CC16;"></span> Generator Tools </a> <ul class="space-y-1"> <li><a href="https://peasygen.com/gen/gen-fake-data/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">가짜 데이터 생성기</a></li> <li><a href="https://peasygen.com/gen/gen-mock-json/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">목업 JSON 생성기</a></li> <li><a href="https://peasygen.com/gen/gen-username/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">사용자명 생성기</a></li> <li><a href="https://peasygen.com/gen/gen-color-palette/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">색상 팔레트 생성기</a></li> <li><a href="https://peasygen.com/gen/gen-lorem-markup/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Lorem 마크업 생성기</a></li> <li><a href="https://peasygen.com/gen/gen-number/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">랜덤 숫자 생성기</a></li> <li><a href="https://peasygen.com/gen/gen-csv-data/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSV Data Generator</a></li> <li><a href="https://peasygen.com/gen/gen-random-dates/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Random Date Generator</a></li> <li><a href="https://peasygen.com/gen/gen-email-addresses/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Email Address Generator</a></li> <li><a href="https://peasygen.com/gen/gen-avatar-svg/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Avatar Generator</a></li> <li><a href="https://peasygen.com/gen/gen-cron-expression/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Cron Expression Builder</a></li> <li><a href="https://peasygen.com/gen/gen-api-key/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">API Key Generator</a></li> <li><a href="https://peasygen.com/gen/gen-short-id/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Short ID Generator</a></li> <li><a href="https://peasygen.com/gen/regex-tester/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Regex Tester</a></li> <li><a href="https://peasygen.com/gen/url-slug-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">URL Slug Generator</a></li> </ul> </div> <div> <a href="https://peasycss.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #EC4899;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #EC4899;"></span> CSS Tools </a> <ul class="space-y-1"> <li><a href="https://peasycss.com/css/css-minify/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS 축소기</a></li> <li><a href="https://peasycss.com/css/css-beautify/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS 정리기</a></li> <li><a href="https://peasycss.com/css/css-gradient/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS 그라디언트 생성기</a></li> <li><a href="https://peasycss.com/css/css-shadow/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS 박스 그림자 생성기</a></li> <li><a href="https://peasycss.com/css/css-flexbox/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Flexbox 생성기</a></li> <li><a href="https://peasycss.com/css/css-grid/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Grid 생성기</a></li> <li><a href="https://peasycss.com/css/css-animation/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS 애니메이션 생성기</a></li> <li><a href="https://peasycss.com/css/css-border-radius/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS 모서리 둥글기 생성기</a></li> <li><a href="https://peasycss.com/css/css-text-shadow/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS 텍스트 그림자 생성기</a></li> <li><a href="https://peasycss.com/css/css-transform/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS 변환 생성기</a></li> <li><a href="https://peasycss.com/css/css-unit-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Unit Converter</a></li> <li><a href="https://peasycss.com/css/css-color-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Color Converter</a></li> <li><a href="https://peasycss.com/css/css-media-query-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Media Query Generator</a></li> <li><a href="https://peasycss.com/css/css-filter-effects/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Filter Effects</a></li> <li><a href="https://peasycss.com/css/css-clip-path/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Clip-Path Generator</a></li> </ul> </div> <div> <a href="https://peasyimage.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #10B981;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #10B981;"></span> Image Tools </a> <ul class="space-y-1"> <li><a href="https://peasyimage.com/image/compress-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Compress Image</a></li> <li><a href="https://peasyimage.com/image/resize-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Resize Image</a></li> <li><a href="https://peasyimage.com/image/crop-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Crop Image</a></li> <li><a href="https://peasyimage.com/image/rotate-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Rotate Image</a></li> <li><a href="https://peasyimage.com/image/flip-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Flip Image</a></li> <li><a href="https://peasyimage.com/image/convert-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Convert Image</a></li> <li><a href="https://peasyimage.com/image/watermark-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Watermark Image</a></li> <li><a href="https://peasyimage.com/image/svg-to-png/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">SVG to PNG</a></li> <li><a href="https://peasyimage.com/image/image-to-base64/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Image to Base64</a></li> <li><a href="https://peasyimage.com/image/round-corners/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Round Corners</a></li> <li><a href="https://peasyimage.com/image/add-border/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Add Border</a></li> <li><a href="https://peasyimage.com/image/image-filters/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Image Filters</a></li> <li><a href="https://peasyimage.com/image/adjust-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Adjust Image</a></li> <li><a href="https://peasyimage.com/image/blur-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Blur Image</a></li> <li><a href="https://peasyimage.com/image/sharpen-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Sharpen Image</a></li> <li><a href="https://peasyimage.com/image/make-square/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Make Square</a></li> <li><a href="https://peasyimage.com/image/grayscale-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">이미지 그레이스케일 변환</a></li> <li><a href="https://peasyimage.com/image/sepia-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">세피아 이미지</a></li> <li><a href="https://peasyimage.com/image/pixelate-image/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">이미지 픽셀화</a></li> <li><a href="https://peasyimage.com/image/strip-metadata/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">이미지 메타데이터 제거</a></li> </ul> </div> <div> <a href="https://peasydesign.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #D946EF;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #D946EF;"></span> Design Tools </a> <ul class="space-y-1"> <li><a href="https://peasydesign.com/design/design-palette/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">색상 팔레트 생성기</a></li> <li><a href="https://peasydesign.com/design/design-typography/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">타입 스케일 생성기</a></li> <li><a href="https://peasydesign.com/design/design-spacing/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">간격 스케일 생성기</a></li> <li><a href="https://peasydesign.com/design/design-breakpoints/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">반응형 브레이크포인트</a></li> <li><a href="https://peasydesign.com/design/design-aspect-ratio/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">화면 비율 계산기</a></li> <li><a href="https://peasydesign.com/design/design-color-shades/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">색상 음영 생성기</a></li> <li><a href="https://peasydesign.com/design/design-font-pair/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">글꼴 페어링 제안</a></li> <li><a href="https://peasydesign.com/design/design-contrast/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">대비 검사기</a></li> <li><a href="https://peasydesign.com/design/design-tokens/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">디자인 토큰 생성기</a></li> <li><a href="https://peasydesign.com/design/design-media-sizes/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">소셜 미디어 크기 가이드</a></li> <li><a href="https://peasydesign.com/design/design-golden-ratio-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Golden Ratio Calculator</a></li> <li><a href="https://peasydesign.com/design/design-icon-size-guide/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">App Icon Size Guide</a></li> <li><a href="https://peasydesign.com/design/design-shadow-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Shadow System Generator</a></li> <li><a href="https://peasydesign.com/design/gradient-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Multi-Stop Gradient Generator</a></li> <li><a href="https://peasydesign.com/design/css-pattern-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Pattern Generator</a></li> </ul> </div> <div> <a href="https://peasyvideo.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #8B5CF6;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #8B5CF6;"></span> Video Tools </a> <ul class="space-y-1"> <li><a href="https://peasyvideo.com/video/video-resolution/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">해상도 참조</a></li> <li><a href="https://peasyvideo.com/video/video-bitrate/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">비트레이트 계산기</a></li> <li><a href="https://peasyvideo.com/video/video-framerate/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">프레임 레이트 변환기</a></li> <li><a href="https://peasyvideo.com/video/video-timecode/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">타임코드 계산기</a></li> <li><a href="https://peasyvideo.com/video/video-aspect-ratio/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">영상 비율 계산기</a></li> <li><a href="https://peasyvideo.com/video/video-filesize/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">파일 크기 추정기</a></li> <li><a href="https://peasyvideo.com/video/video-speed/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">속도 및 슬로모션 계산기</a></li> <li><a href="https://peasyvideo.com/video/video-storage/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">저장 공간 플래너</a></li> <li><a href="https://peasyvideo.com/video/video-subtitle-time/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">자막 시간 변환기</a></li> <li><a href="https://peasyvideo.com/video/video-bandwidth/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">대역폭 계산기</a></li> <li><a href="https://peasyvideo.com/video/video-color-space/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">색 공간 참조</a></li> <li><a href="https://peasyvideo.com/video/video-codec/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">코덱 참조</a></li> <li><a href="https://peasyvideo.com/video/video-platform/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">플랫폼 사양 가이드</a></li> <li><a href="https://peasyvideo.com/video/video-chroma/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">크로마 서브샘플링 가이드</a></li> <li><a href="https://peasyvideo.com/video/video-screen-record/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">화면 녹화 가이드</a></li> </ul> </div> <div> <a href="https://peasyaudio.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #0EA5E9;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #0EA5E9;"></span> Audio Tools </a> <ul class="space-y-1"> <li><a href="https://peasyaudio.com/audio/audio-bpm/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">BPM 계산기</a></li> <li><a href="https://peasyaudio.com/audio/audio-freq/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">주파수 계산기</a></li> <li><a href="https://peasyaudio.com/audio/audio-delay/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">딜레이 타임 계산기</a></li> <li><a href="https://peasyaudio.com/audio/audio-db/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">dB 변환기</a></li> <li><a href="https://peasyaudio.com/audio/audio-filesize/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">오디오 파일 크기 계산기</a></li> <li><a href="https://peasyaudio.com/audio/audio-note-chart/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">음계 주파수 차트</a></li> <li><a href="https://peasyaudio.com/audio/audio-db-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">데시벨 참조 가이드</a></li> <li><a href="https://peasyaudio.com/audio/audio-latency/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">레이턴시 계산기</a></li> <li><a href="https://peasyaudio.com/audio/audio-cents/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">센트 계산기</a></li> <li><a href="https://peasyaudio.com/audio/audio-loudness/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">라우드니스 표준 가이드</a></li> <li><a href="https://peasyaudio.com/audio/audio-eq-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">EQ Frequency Reference</a></li> <li><a href="https://peasyaudio.com/audio/audio-sample-rate-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Sample Rate Converter</a></li> <li><a href="https://peasyaudio.com/audio/audio-bit-depth-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Bit Depth Analyzer</a></li> <li><a href="https://peasyaudio.com/audio/chord-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Chord Reference</a></li> <li><a href="https://peasyaudio.com/audio/key-scale-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Key & Scale Reference</a></li> </ul> </div> <div> <a href="https://peasyformats.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #F97316;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #F97316;"></span> Format Tools </a> <ul class="space-y-1"> <li><a href="https://peasyformats.com/doc/format-identifier/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Format Identifier</a></li> <li><a href="https://peasyformats.com/doc/mime-type-lookup/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">MIME Type Lookup</a></li> <li><a href="https://peasyformats.com/doc/base64-encoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Base64 Encoder / Decoder</a></li> <li><a href="https://peasyformats.com/doc/url-encoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">URL Encoder / Decoder</a></li> <li><a href="https://peasyformats.com/doc/html-entities/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">HTML Entity Encoder / Decoder</a></li> <li><a href="https://peasyformats.com/doc/markdown-to-html/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Markdown to HTML Converter</a></li> <li><a href="https://peasyformats.com/doc/yaml-json-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">YAML ↔ JSON Converter</a></li> <li><a href="https://peasyformats.com/doc/line-ending-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Line Ending Converter</a></li> <li><a href="https://peasyformats.com/doc/data-uri-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Data URI Generator</a></li> <li><a href="https://peasyformats.com/doc/hex-dump-viewer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Hex Dump Viewer</a></li> <li><a href="https://peasyformats.com/doc/unicode-escape-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Unicode Escape Converter</a></li> <li><a href="https://peasyformats.com/doc/file-size-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">File Size Converter</a></li> <li><a href="https://peasyformats.com/doc/charset-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Character Set Analyzer</a></li> <li><a href="https://peasyformats.com/doc/format-comparison/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Format Comparison Guide</a></li> <li><a href="https://peasyformats.com/doc/conversion-guide/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Conversion Guide</a></li> </ul> </div> <div> <a href="https://peasyqr.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #3B82F6;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #3B82F6;"></span> QR & Barcode </a> <ul class="space-y-1"> <li><a href="https://peasyqr.com/qr/qr-data-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">QR 데이터 분석기</a></li> <li><a href="https://peasyqr.com/qr/qr-capacity-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">QR 용량 참조</a></li> <li><a href="https://peasyqr.com/qr/qr-wifi-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Wi-Fi QR 설정 빌더</a></li> <li><a href="https://peasyqr.com/qr/qr-vcard-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">vCard QR 빌더</a></li> <li><a href="https://peasyqr.com/qr/qr-error-correction/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">오류 정정 계산기</a></li> <li><a href="https://peasyqr.com/qr/barcode-reference/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">바코드 형식 참조</a></li> <li><a href="https://peasyqr.com/qr/barcode-validator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">바코드 검증기</a></li> <li><a href="https://peasyqr.com/qr/qr-data-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">QR 데이터 포맷터</a></li> <li><a href="https://peasyqr.com/qr/qr-event-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Event QR Generator</a></li> <li><a href="https://peasyqr.com/qr/qr-email-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Email QR Generator</a></li> <li><a href="https://peasyqr.com/qr/qr-sms-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">SMS QR Generator</a></li> <li><a href="https://peasyqr.com/qr/qr-geo-location/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Geo Location QR Generator</a></li> <li><a href="https://peasyqr.com/qr/qr-phone-call/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Phone Call QR Generator</a></li> <li><a href="https://peasyqr.com/qr/mecard-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">MeCard Generator</a></li> <li><a href="https://peasyqr.com/qr/app-store-link-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">App Store Link Generator</a></li> </ul> </div> <div> <a href="https://peasytext.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #F59E0B;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #F59E0B;"></span> Text Tools </a> <ul class="space-y-1"> <li><a href="https://peasytext.com/text/text-counter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Word Counter</a></li> <li><a href="https://peasytext.com/text/text-case-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Case Converter</a></li> <li><a href="https://peasytext.com/text/sort-lines/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Sort Lines</a></li> <li><a href="https://peasytext.com/text/lorem-ipsum-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Lorem Ipsum Generator</a></li> <li><a href="https://peasytext.com/text/slug-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Slug Generator</a></li> <li><a href="https://peasytext.com/text/find-and-replace/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Find & Replace</a></li> <li><a href="https://peasytext.com/text/remove-duplicate-lines/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Remove Duplicate Lines</a></li> <li><a href="https://peasytext.com/text/base64-encode-decode/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Base64 Encoder/Decoder</a></li> <li><a href="https://peasytext.com/text/url-encode-decode/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">URL Encoder/Decoder</a></li> <li><a href="https://peasytext.com/text/json-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">JSON Formatter</a></li> <li><a href="https://peasytext.com/text/html-entity-encoder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">HTML Entity Encoder/Decoder</a></li> <li><a href="https://peasytext.com/text/reverse-text/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Reverse Text</a></li> <li><a href="https://peasytext.com/text/line-numbers/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Add/Remove Line Numbers</a></li> <li><a href="https://peasytext.com/text/text-diff/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Text Diff</a></li> <li><a href="https://peasytext.com/text/text-extractor/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Text Extractor</a></li> </ul> </div> <div> <a href="https://peasydev.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #06B6D4;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #06B6D4;"></span> Developer Tools </a> <ul class="space-y-1"> <li><a href="https://peasydev.com/dev/hash-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Hash Generator</a></li> <li><a href="https://peasydev.com/dev/password-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Password Generator</a></li> <li><a href="https://peasydev.com/dev/timestamp-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Unix Timestamp Converter</a></li> <li><a href="https://peasydev.com/dev/cron-expression-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Cron Expression Generator</a></li> <li><a href="https://peasydev.com/dev/chmod-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Chmod Calculator</a></li> <li><a href="https://peasydev.com/dev/string-escape-unescape/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">String Escape / Unescape</a></li> <li><a href="https://peasydev.com/dev/ip-subnet-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">IP Subnet Calculator</a></li> <li><a href="https://peasydev.com/dev/color-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Color Code Converter</a></li> <li><a href="https://peasydev.com/dev/csv-json-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSV ↔ JSON Converter</a></li> <li><a href="https://peasydev.com/dev/xml-json-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">XML ↔ JSON Converter</a></li> <li><a href="https://peasydev.com/dev/sql-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">SQL Formatter</a></li> <li><a href="https://peasydev.com/dev/markdown-table/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Markdown Table Generator</a></li> <li><a href="https://peasydev.com/dev/http-status/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">HTTP Status Code Reference</a></li> <li><a href="https://peasydev.com/dev/meta-tags/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Meta Tags Generator</a></li> <li><a href="https://peasydev.com/dev/robots-txt/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Robots.txt Generator</a></li> <li><a href="https://peasydev.com/dev/gitignore/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">.gitignore Generator</a></li> <li><a href="https://peasydev.com/dev/html-formatter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">HTML Formatter</a></li> <li><a href="https://peasydev.com/dev/css-units/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">CSS Unit Converter</a></li> <li><a href="https://peasydev.com/dev/json-path/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">JSONPath Evaluator</a></li> <li><a href="https://peasydev.com/dev/dev-text-diff/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Text Diff Checker</a></li> <li><a href="https://peasydev.com/dev/data-uri/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Data URI Converter</a></li> <li><a href="https://peasydev.com/dev/lorem/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Lorem Ipsum Generator</a></li> <li><a href="https://peasydev.com/dev/backslash/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Path Converter</a></li> <li><a href="https://peasydev.com/dev/htaccess/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">.htaccess Generator</a></li> <li><a href="https://peasydev.com/dev/env/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">.env Validator</a></li> <li><a href="https://peasydev.com/dev/placeholder/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Placeholder Image Generator</a></li> </ul> </div> <div> <a href="https://peasyseo.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #22C55E;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #22C55E;"></span> SEO Tools </a> <ul class="space-y-1"> <li><a href="https://peasyseo.com/seo/serp-preview/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">SERP Preview</a></li> <li><a href="https://peasyseo.com/seo/og-tag-debugger/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">OG Tag Debugger</a></li> <li><a href="https://peasyseo.com/seo/heading-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Heading Analyzer</a></li> <li><a href="https://peasyseo.com/seo/keyword-density/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Keyword Density Analyzer</a></li> <li><a href="https://peasyseo.com/seo/readability-score/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Readability Score</a></li> <li><a href="https://peasyseo.com/seo/sitemap-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">XML Sitemap Generator</a></li> <li><a href="https://peasyseo.com/seo/schema-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Schema.org Generator</a></li> <li><a href="https://peasyseo.com/seo/link-extractor/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Link Extractor</a></li> <li><a href="https://peasyseo.com/seo/canonical-checker/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Canonical Tag Checker</a></li> <li><a href="https://peasyseo.com/seo/robots-txt-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Robots.txt Analyzer</a></li> <li><a href="https://peasyseo.com/seo/structured-data-validator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Structured Data Validator</a></li> <li><a href="https://peasyseo.com/seo/word-count-seo/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Word Count & SEO Grade</a></li> <li><a href="https://peasyseo.com/seo/seo-meta-length-checker/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">메타 길이 검사기</a></li> <li><a href="https://peasyseo.com/seo/seo-url-slug-generator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">URL 슬러그 생성기</a></li> <li><a href="https://peasyseo.com/seo/seo-keyword-density-analyzer/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">키워드 밀도 분석기</a></li> </ul> </div> <div> <a href="https://peasymath.com" class="inline-flex items-center gap-1.5 text-sm font-semibold hover:text-white transition-colors mb-2" style="color: #14B8A6;"> <span class="inline-block h-2 w-2 rounded-full" style="background: #14B8A6;"></span> Math Tools </a> <ul class="space-y-1"> <li><a href="https://peasymath.com/math/percentage-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Percentage Calculator</a></li> <li><a href="https://peasymath.com/math/ratio-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Ratio Calculator</a></li> <li><a href="https://peasymath.com/math/average-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Average Calculator</a></li> <li><a href="https://peasymath.com/math/gcd-lcm-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">GCD & LCM Calculator</a></li> <li><a href="https://peasymath.com/math/prime-number-tools/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Prime Number Tools</a></li> <li><a href="https://peasymath.com/math/equation-solver/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Equation Solver</a></li> <li><a href="https://peasymath.com/math/unit-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">단위 변환기</a></li> <li><a href="https://peasymath.com/math/fraction-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">분수 계산기</a></li> <li><a href="https://peasymath.com/math/roman-numeral-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">로마 숫자 변환기</a></li> <li><a href="https://peasymath.com/math/fibonacci-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">피보나치 계산기</a></li> <li><a href="https://peasymath.com/math/logarithm-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">로그 계산기</a></li> <li><a href="https://peasymath.com/math/statistics-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">통계 계산기</a></li> <li><a href="https://peasymath.com/math/number-base-converter/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Number Base Converter</a></li> <li><a href="https://peasymath.com/math/matrix-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">행렬 계산기</a></li> <li><a href="https://peasymath.com/math/trigonometry-calculator/" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">삼각함수 계산기</a></li> </ul> </div> </div> </div> <!-- Row 3: Cross-site category bar --> <div class="border-t border-gray-800 mt-8 pt-6"> <div class="flex flex-wrap gap-x-4 gap-y-2 justify-center"> <a href="https://peasypdf.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy PDF</a> <a href="https://peasyimage.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Image</a> <a href="https://peasyformats.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Formats</a> <a href="https://peasytext.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Text</a> <a href="https://peasydev.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Dev</a> <a href="https://peasycss.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy CSS</a> <a href="https://peasydesign.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Design</a> <a href="https://peasyvideo.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Video</a> <a href="https://peasyaudio.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Audio</a> <a href="https://peasyqr.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy QR</a> <a href="https://peasyseo.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy SEO</a> <a href="https://peasysafe.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Safe</a> <a href="https://peasysocial.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Social</a> <a href="https://peasymath.com" class="text-xs hover:text-white transition-colors font-semibold" style="color: #14B8A6;">Peasy Math</a> <a href="https://peasygen.com" class="text-xs hover:text-white transition-colors" style="color: #6B7280;">Peasy Gen</a> </div> </div> <!-- Bottom bar --> <div class="border-t border-gray-800 mt-6 pt-6 flex flex-col sm:flex-row items-center justify-between gap-3"> <span class="text-sm font-medium text-white">Easy peasy lemon squeezy. 🍋</span> <p class="text-xs" style="color: #6B7280;"> © 2026 Peasy Math. Your files never leave your browser. </p> </div> </div> </footer> <!-- Command palette tool data (dynamic, must be inline) --> <script>window.__PEASY_TOOLS__=[{"name": "색 공간 참조", "url": "/video/video-color-space/", "category": "Video Tools"}, {"name": "빈 페이지 삽입", "url": "/pdf/insert-blank-pages/", "category": "PDF Tools"}, {"name": "속도 및 슬로모션 계산기", "url": "/video/video-speed/", "category": "Video Tools"}, {"name": "코덱 참조", "url": "/video/video-codec/", "category": "Video Tools"}, {"name": "최적 게시 시간", "url": "/social/social-best-posting-times/", "category": "Social Media Tools"}, {"name": "랜덤 숫자 생성기", "url": "/gen/gen-number/", "category": "Generator Tools"}, {"name": "로마 숫자 변환기", "url": "/math/roman-numeral-converter/", "category": "Math Tools"}, {"name": "메타 길이 검사기", "url": "/seo/seo-meta-length-checker/", "category": "SEO Tools"}, {"name": "색상 음영 생성기", "url": "/design/design-color-shades/", "category": "Design Tools"}, {"name": "소셜 멘션 추출기", "url": "/social/social-mention-extractor/", "category": "Social Media Tools"}, {"name": "영상 비율 계산기", "url": "/video/video-aspect-ratio/", "category": "Video Tools"}, {"name": "오류 정정 계산기", "url": "/qr/qr-error-correction/", "category": "QR & Barcode"}, {"name": "자막 시간 변환기", "url": "/video/video-subtitle-time/", "category": "Video Tools"}, {"name": "저장 공간 플래너", "url": "/video/video-storage/", "category": "Video Tools"}, {"name": "파일 크기 추정기", "url": "/video/video-filesize/", "category": "Video Tools"}, {"name": "화면 녹화 가이드", "url": "/video/video-screen-record/", "category": "Video Tools"}, {"name": "화면 비율 계산기", "url": "/design/design-aspect-ratio/", "category": "Design Tools"}, {"name": "단위 변환기", "url": "/math/unit-converter/", "category": "Math Tools"}, {"name": "대비 검사기", "url": "/design/design-contrast/", "category": "Design Tools"}, {"name": "로그 계산기", "url": "/math/logarithm-calculator/", "category": "Math Tools"}, {"name": "분수 계산기", "url": "/math/fraction-calculator/", "category": "Math Tools"}, {"name": "센트 계산기", "url": "/audio/audio-cents/", "category": "Audio Tools"}, {"name": "통계 계산기", "url": "/math/statistics-calculator/", "category": "Math Tools"}, {"name": "행렬 계산기", "url": "/math/matrix-calculator/", "category": "Math Tools"}, {"name": "글꼴 페어링 제안", "url": "/design/design-font-pair/", "category": "Design Tools"}, {"name": "음계 주파수 차트", "url": "/audio/audio-note-chart/", "category": "Audio Tools"}, {"name": "소셜 미디어 글자 수 카운터", "url": "/social/social-char-counter/", "category": "Social Media Tools"}, {"name": "소셜 미디어 크기 가이드", "url": "/design/design-media-sizes/", "category": "Design Tools"}, {"name": "가짜 데이터 생성기", "url": "/gen/gen-fake-data/", "category": "Generator Tools"}, {"name": "간격 스케일 생성기", "url": "/design/design-spacing/", "category": "Design Tools"}, {"name": "색상 팔레트 생성기", "url": "/gen/gen-color-palette/", "category": "Generator Tools"}, {"name": "색상 팔레트 생성기", "url": "/design/design-palette/", "category": "Design Tools"}, {"name": "타입 스케일 생성기", "url": "/design/design-typography/", "category": "Design Tools"}, {"name": "홀수/짝수 페이지 추출", "url": "/pdf/odd-even-pdf/", "category": "PDF Tools"}, {"name": "머리글 및 바닥글 추가", "url": "/pdf/pdf-header-footer/", "category": "PDF Tools"}, {"name": "해상도 참조", "url": "/video/video-resolution/", "category": "Video Tools"}, {"name": "이모지 제거 및 추출기", "url": "/social/social-emoji-tool/", "category": "Social Media Tools"}, {"name": "바코드 형식 참조", "url": "/qr/barcode-reference/", "category": "QR & Barcode"}, {"name": "오디오 파일 크기 계산기", "url": "/audio/audio-filesize/", "category": "Audio Tools"}, {"name": "데시벨 참조 가이드", "url": "/audio/audio-db-reference/", "category": "Audio Tools"}, {"name": "디자인 토큰 생성기", "url": "/design/design-tokens/", "category": "Design Tools"}, {"name": "딜레이 타임 계산기", "url": "/audio/audio-delay/", "category": "Audio Tools"}, {"name": "이미지 크기 가이드", "url": "/social/social-image-size-guide/", "category": "Social Media Tools"}, {"name": "키워드 밀도 분석기", "url": "/seo/seo-keyword-density-analyzer/", "category": "SEO Tools"}, {"name": "플랫폼 사양 가이드", "url": "/video/video-platform/", "category": "Video Tools"}, {"name": "대역폭 계산기", "url": "/video/video-bandwidth/", "category": "Video Tools"}, {"name": "바이오 포맷터", "url": "/social/social-bio-formatter/", "category": "Social Media Tools"}, {"name": "바코드 검증기", "url": "/qr/barcode-validator/", "category": "QR & Barcode"}, {"name": "세피아 이미지", "url": "/image/sepia-image/", "category": "Image Tools"}, {"name": "스레드 분할기", "url": "/social/social-thread-splitter/", "category": "Social Media Tools"}, {"name": "이미지 픽셀화", "url": "/image/pixelate-image/", "category": "Image Tools"}, {"name": "주파수 계산기", "url": "/audio/audio-freq/", "category": "Audio Tools"}, {"name": "참여도 분석기", "url": "/social/social-engagement-analyzer/", "category": "Social Media Tools"}, {"name": "프레임 레이트 변환기", "url": "/video/video-framerate/", "category": "Video Tools"}, {"name": "게시물 미리보기", "url": "/social/social-post-preview/", "category": "Social Media Tools"}, {"name": "이미지 메타데이터 제거", "url": "/image/strip-metadata/", "category": "Image Tools"}, {"name": "크로마 서브샘플링 가이드", "url": "/video/video-chroma/", "category": "Video Tools"}, {"name": "이미지 그레이스케일 변환", "url": "/image/grayscale-image/", "category": "Image Tools"}, {"name": "반응형 브레이크포인트", "url": "/design/design-breakpoints/", "category": "Design Tools"}, {"name": "해시태그 추출 및 생성기", "url": "/social/social-hashtag-tool/", "category": "Social Media Tools"}, {"name": "레이턴시 계산기", "url": "/audio/audio-latency/", "category": "Audio Tools"}, {"name": "사용자명 검사기", "url": "/social/social-handle-checker/", "category": "Social Media Tools"}, {"name": "사용자명 생성기", "url": "/gen/gen-username/", "category": "Generator Tools"}, {"name": "삼각함수 계산기", "url": "/math/trigonometry-calculator/", "category": "Math Tools"}, {"name": "타임코드 계산기", "url": "/video/video-timecode/", "category": "Video Tools"}, {"name": "피보나치 계산기", "url": "/math/fibonacci-calculator/", "category": "Math Tools"}, {"name": "라우드니스 표준 가이드", "url": "/audio/audio-loudness/", "category": "Audio Tools"}, {"name": "비트레이트 계산기", "url": "/video/video-bitrate/", "category": "Video Tools"}, {"name": "Add Border", "url": "/image/add-border/", "category": "Image Tools"}, {"name": "Add Page Numbers", "url": "/pdf/add-page-numbers/", "category": "PDF Tools"}, {"name": "Add/Remove Line Numbers", "url": "/text/line-numbers/", "category": "Text Tools"}, {"name": "Adjust Image", "url": "/image/adjust-image/", "category": "Image Tools"}, {"name": "AES Encrypt / Decrypt", "url": "/safe/aes-encrypt/", "category": "Privacy & Security"}, {"name": "API Key Generator", "url": "/gen/gen-api-key/", "category": "Generator Tools"}, {"name": "App Icon Size Guide", "url": "/design/design-icon-size-guide/", "category": "Design Tools"}, {"name": "App Store Link Generator", "url": "/qr/app-store-link-generator/", "category": "QR & Barcode"}, {"name": "Avatar Generator", "url": "/gen/gen-avatar-svg/", "category": "Generator Tools"}, {"name": "Average Calculator", "url": "/math/average-calculator/", "category": "Math Tools"}, {"name": "Base64 인코더 / 디코더", "url": "/safe/base64-encoder-decoder/", "category": "Privacy & Security"}, {"name": "Base64 Encoder / Decoder", "url": "/doc/base64-encoder/", "category": "Format Tools"}, {"name": "Base64 Encoder/Decoder", "url": "/text/base64-encode-decode/", "category": "Text Tools"}, {"name": "Bit Depth Analyzer", "url": "/audio/audio-bit-depth-analyzer/", "category": "Audio Tools"}, {"name": "Blur Image", "url": "/image/blur-image/", "category": "Image Tools"}, {"name": "BPM 계산기", "url": "/audio/audio-bpm/", "category": "Audio Tools"}, {"name": "Canonical Tag Checker", "url": "/seo/canonical-checker/", "category": "SEO Tools"}, {"name": "Caption & Alt Text Formatter", "url": "/social/caption-formatter/", "category": "Social Media Tools"}, {"name": "Case Converter", "url": "/text/text-case-converter/", "category": "Text Tools"}, {"name": "Character Set Analyzer", "url": "/doc/charset-analyzer/", "category": "Format Tools"}, {"name": "Chmod Calculator", "url": "/dev/chmod-calculator/", "category": "Developer Tools"}, {"name": "Chord Reference", "url": "/audio/chord-reference/", "category": "Audio Tools"}, {"name": "Color Code Converter", "url": "/dev/color-converter/", "category": "Developer Tools"}, {"name": "Compress Image", "url": "/image/compress-image/", "category": "Image Tools"}, {"name": "Compress PDF", "url": "/pdf/compress-pdf/", "category": "PDF Tools"}, {"name": "Conversion Guide", "url": "/doc/conversion-guide/", "category": "Format Tools"}, {"name": "Convert Image", "url": "/image/convert-image/", "category": "Image Tools"}, {"name": "CORS Header Generator", "url": "/safe/cors-generator/", "category": "Privacy & Security"}, {"name": "Cron Expression Builder", "url": "/gen/gen-cron-expression/", "category": "Generator Tools"}, {"name": "Cron Expression Generator", "url": "/dev/cron-expression-generator/", "category": "Developer Tools"}, {"name": "Crop Image", "url": "/image/crop-image/", "category": "Image Tools"}, {"name": "CSP Header Generator", "url": "/safe/csp-generator/", "category": "Privacy & Security"}, {"name": "CSS 변환 생성기", "url": "/css/css-transform/", "category": "CSS Tools"}, {"name": "CSS 박스 그림자 생성기", "url": "/css/css-shadow/", "category": "CSS Tools"}, {"name": "CSS 정리기", "url": "/css/css-beautify/", "category": "CSS Tools"}, {"name": "CSS 축소기", "url": "/css/css-minify/", "category": "CSS Tools"}, {"name": "CSS 모서리 둥글기 생성기", "url": "/css/css-border-radius/", "category": "CSS Tools"}, {"name": "CSS 텍스트 그림자 생성기", "url": "/css/css-text-shadow/", "category": "CSS Tools"}, {"name": "CSS 그라디언트 생성기", "url": "/css/css-gradient/", "category": "CSS Tools"}, {"name": "CSS 애니메이션 생성기", "url": "/css/css-animation/", "category": "CSS Tools"}, {"name": "CSS Clip-Path Generator", "url": "/css/css-clip-path/", "category": "CSS Tools"}, {"name": "CSS Color Converter", "url": "/css/css-color-converter/", "category": "CSS Tools"}, {"name": "CSS Filter Effects", "url": "/css/css-filter-effects/", "category": "CSS Tools"}, {"name": "CSS Flexbox 생성기", "url": "/css/css-flexbox/", "category": "CSS Tools"}, {"name": "CSS Grid 생성기", "url": "/css/css-grid/", "category": "CSS Tools"}, {"name": "CSS Pattern Generator", "url": "/design/css-pattern-generator/", "category": "Design Tools"}, {"name": "CSS Unit Converter", "url": "/css/css-unit-converter/", "category": "CSS Tools"}, {"name": "CSS Unit Converter", "url": "/dev/css-units/", "category": "Developer Tools"}, {"name": "CSV Data Generator", "url": "/gen/gen-csv-data/", "category": "Generator Tools"}, {"name": "CSV ↔ JSON Converter", "url": "/dev/csv-json-converter/", "category": "Developer Tools"}, {"name": "CTA 생성기", "url": "/social/social-cta-generator/", "category": "Social Media Tools"}, {"name": "Data URI Converter", "url": "/dev/data-uri/", "category": "Developer Tools"}, {"name": "Data URI Generator", "url": "/doc/data-uri-generator/", "category": "Format Tools"}, {"name": "dB 변환기", "url": "/audio/audio-db/", "category": "Audio Tools"}, {"name": "Edit PDF Metadata", "url": "/pdf/edit-pdf-metadata/", "category": "PDF Tools"}, {"name": "Email Address Generator", "url": "/gen/gen-email-addresses/", "category": "Generator Tools"}, {"name": "Email QR Generator", "url": "/qr/qr-email-generator/", "category": "QR & Barcode"}, {"name": ".env Validator", "url": "/dev/env/", "category": "Developer Tools"}, {"name": "EQ Frequency Reference", "url": "/audio/audio-eq-reference/", "category": "Audio Tools"}, {"name": "Equation Solver", "url": "/math/equation-solver/", "category": "Math Tools"}, {"name": "Event QR Generator", "url": "/qr/qr-event-generator/", "category": "QR & Barcode"}, {"name": "Extract Text from PDF", "url": "/pdf/extract-text-from-pdf/", "category": "PDF Tools"}, {"name": "File Size Converter", "url": "/doc/file-size-converter/", "category": "Format Tools"}, {"name": "Find & Replace", "url": "/text/find-and-replace/", "category": "Text Tools"}, {"name": "Flatten PDF", "url": "/pdf/flatten-pdf/", "category": "PDF Tools"}, {"name": "Flip Image", "url": "/image/flip-image/", "category": "Image Tools"}, {"name": "Format Comparison Guide", "url": "/doc/format-comparison/", "category": "Format Tools"}, {"name": "Format Identifier", "url": "/doc/format-identifier/", "category": "Format Tools"}, {"name": "GCD & LCM Calculator", "url": "/math/gcd-lcm-calculator/", "category": "Math Tools"}, {"name": "Geo Location QR Generator", "url": "/qr/qr-geo-location/", "category": "QR & Barcode"}, {"name": ".gitignore Generator", "url": "/dev/gitignore/", "category": "Developer Tools"}, {"name": "Golden Ratio Calculator", "url": "/design/design-golden-ratio-calculator/", "category": "Design Tools"}, {"name": "Hash Generator", "url": "/dev/hash-generator/", "category": "Developer Tools"}, {"name": "Hash Generator", "url": "/safe/safe-hash-generator/", "category": "Privacy & Security"}, {"name": "Heading Analyzer", "url": "/seo/heading-analyzer/", "category": "SEO Tools"}, {"name": "Hex Dump Viewer", "url": "/doc/hex-dump-viewer/", "category": "Format Tools"}, {"name": "HMAC Generator", "url": "/safe/hmac-generator/", "category": "Privacy & Security"}, {"name": ".htaccess Generator", "url": "/dev/htaccess/", "category": "Developer Tools"}, {"name": "HTML Entity Encoder / Decoder", "url": "/doc/html-entities/", "category": "Format Tools"}, {"name": "HTML Entity Encoder/Decoder", "url": "/text/html-entity-encoder/", "category": "Text Tools"}, {"name": "HTML Formatter", "url": "/dev/html-formatter/", "category": "Developer Tools"}, {"name": "HTTP Status Code Reference", "url": "/dev/http-status/", "category": "Developer Tools"}, {"name": "Image Filters", "url": "/image/image-filters/", "category": "Image Tools"}, {"name": "Image to Base64", "url": "/image/image-to-base64/", "category": "Image Tools"}, {"name": "IP Subnet Calculator", "url": "/dev/ip-subnet-calculator/", "category": "Developer Tools"}, {"name": "JPG to PDF", "url": "/pdf/jpg-to-pdf/", "category": "PDF Tools"}, {"name": "목업 JSON 생성기", "url": "/gen/gen-mock-json/", "category": "Generator Tools"}, {"name": "JSON Formatter", "url": "/text/json-formatter/", "category": "Text Tools"}, {"name": "JSONPath Evaluator", "url": "/dev/json-path/", "category": "Developer Tools"}, {"name": "JWT Decoder", "url": "/safe/jwt-decoder/", "category": "Privacy & Security"}, {"name": "Key & Scale Reference", "url": "/audio/key-scale-reference/", "category": "Audio Tools"}, {"name": "Keyword Density Analyzer", "url": "/seo/keyword-density/", "category": "SEO Tools"}, {"name": "Line Ending Converter", "url": "/doc/line-ending-converter/", "category": "Format Tools"}, {"name": "Link Extractor", "url": "/seo/link-extractor/", "category": "SEO Tools"}, {"name": "Lorem 마크업 생성기", "url": "/gen/gen-lorem-markup/", "category": "Generator Tools"}, {"name": "Lorem Ipsum Generator", "url": "/dev/lorem/", "category": "Developer Tools"}, {"name": "Lorem Ipsum Generator", "url": "/text/lorem-ipsum-generator/", "category": "Text Tools"}, {"name": "Make Square", "url": "/image/make-square/", "category": "Image Tools"}, {"name": "Markdown Table Generator", "url": "/dev/markdown-table/", "category": "Developer Tools"}, {"name": "Markdown to HTML Converter", "url": "/doc/markdown-to-html/", "category": "Format Tools"}, {"name": "MeCard Generator", "url": "/qr/mecard-generator/", "category": "QR & Barcode"}, {"name": "Media Query Generator", "url": "/css/css-media-query-generator/", "category": "CSS Tools"}, {"name": "Merge PDF", "url": "/pdf/merge-pdf/", "category": "PDF Tools"}, {"name": "Meta Tags Generator", "url": "/dev/meta-tags/", "category": "Developer Tools"}, {"name": "MIME Type Lookup", "url": "/doc/mime-type-lookup/", "category": "Format Tools"}, {"name": "Multi-Stop Gradient Generator", "url": "/design/gradient-generator/", "category": "Design Tools"}, {"name": "Number Base Converter", "url": "/math/number-base-converter/", "category": "Math Tools"}, {"name": "OG Tag Debugger", "url": "/seo/og-tag-debugger/", "category": "SEO Tools"}, {"name": "Password Generator", "url": "/dev/password-generator/", "category": "Developer Tools"}, {"name": "Password Generator", "url": "/safe/safe-password-generator/", "category": "Privacy & Security"}, {"name": "Password Strength Checker", "url": "/safe/password-strength/", "category": "Privacy & Security"}, {"name": "Path Converter", "url": "/dev/backslash/", "category": "Developer Tools"}, {"name": "PDF 역순 정렬", "url": "/pdf/reverse-pdf/", "category": "PDF Tools"}, {"name": "PDF 자르기", "url": "/pdf/crop-pdf/", "category": "PDF Tools"}, {"name": "PDF 페이지 복제", "url": "/pdf/duplicate-pdf-pages/", "category": "PDF Tools"}, {"name": "PDF 페이지 삭제", "url": "/pdf/delete-pdf-pages/", "category": "PDF Tools"}, {"name": "PDF 페이지 추출", "url": "/pdf/extract-pdf-pages/", "category": "PDF Tools"}, {"name": "PDF 페이지 크기 변경", "url": "/pdf/resize-pdf/", "category": "PDF Tools"}, {"name": "PDF에 이미지 추가", "url": "/pdf/add-image-to-pdf/", "category": "PDF Tools"}, {"name": "PDF에 텍스트 추가", "url": "/pdf/add-text-to-pdf/", "category": "PDF Tools"}, {"name": "PDF를 PNG로 변환", "url": "/pdf/pdf-to-png/", "category": "PDF Tools"}, {"name": "PDF to JPG", "url": "/pdf/pdf-to-jpg/", "category": "PDF Tools"}, {"name": "Percentage Calculator", "url": "/math/percentage-calculator/", "category": "Math Tools"}, {"name": "Phone Call QR Generator", "url": "/qr/qr-phone-call/", "category": "QR & Barcode"}, {"name": "Placeholder Image Generator", "url": "/dev/placeholder/", "category": "Developer Tools"}, {"name": "Prime Number Tools", "url": "/math/prime-number-tools/", "category": "Math Tools"}, {"name": "QR 용량 참조", "url": "/qr/qr-capacity-reference/", "category": "QR & Barcode"}, {"name": "QR 데이터 분석기", "url": "/qr/qr-data-analyzer/", "category": "QR & Barcode"}, {"name": "QR 데이터 포맷터", "url": "/qr/qr-data-formatter/", "category": "QR & Barcode"}, {"name": "Random Date Generator", "url": "/gen/gen-random-dates/", "category": "Generator Tools"}, {"name": "Random String Generator", "url": "/safe/random-string/", "category": "Privacy & Security"}, {"name": "Ratio Calculator", "url": "/math/ratio-calculator/", "category": "Math Tools"}, {"name": "Readability Score", "url": "/seo/readability-score/", "category": "SEO Tools"}, {"name": "Regex Tester", "url": "/gen/regex-tester/", "category": "Generator Tools"}, {"name": "Remove Duplicate Lines", "url": "/text/remove-duplicate-lines/", "category": "Text Tools"}, {"name": "Reorder PDF Pages", "url": "/pdf/reorder-pdf/", "category": "PDF Tools"}, {"name": "Resize Image", "url": "/image/resize-image/", "category": "Image Tools"}, {"name": "Reverse Text", "url": "/text/reverse-text/", "category": "Text Tools"}, {"name": "Robots.txt Analyzer", "url": "/seo/robots-txt-analyzer/", "category": "SEO Tools"}, {"name": "Robots.txt Generator", "url": "/dev/robots-txt/", "category": "Developer Tools"}, {"name": "Rotate Image", "url": "/image/rotate-image/", "category": "Image Tools"}, {"name": "Rotate PDF", "url": "/pdf/rotate-pdf/", "category": "PDF Tools"}, {"name": "Round Corners", "url": "/image/round-corners/", "category": "Image Tools"}, {"name": "Sample Rate Converter", "url": "/audio/audio-sample-rate-converter/", "category": "Audio Tools"}, {"name": "Schema.org Generator", "url": "/seo/schema-generator/", "category": "SEO Tools"}, {"name": "SERP Preview", "url": "/seo/serp-preview/", "category": "SEO Tools"}, {"name": "Shadow System Generator", "url": "/design/design-shadow-generator/", "category": "Design Tools"}, {"name": "Sharpen Image", "url": "/image/sharpen-image/", "category": "Image Tools"}, {"name": "Short ID Generator", "url": "/gen/gen-short-id/", "category": "Generator Tools"}, {"name": "Sign PDF", "url": "/pdf/sign-pdf/", "category": "PDF Tools"}, {"name": "Slug Generator", "url": "/text/slug-generator/", "category": "Text Tools"}, {"name": "SMS QR Generator", "url": "/qr/qr-sms-generator/", "category": "QR & Barcode"}, {"name": "Sort Lines", "url": "/text/sort-lines/", "category": "Text Tools"}, {"name": "Split PDF", "url": "/pdf/split-pdf/", "category": "PDF Tools"}, {"name": "SQL Formatter", "url": "/dev/sql-formatter/", "category": "Developer Tools"}, {"name": "SRI Hash Generator", "url": "/safe/sri-generator/", "category": "Privacy & Security"}, {"name": "SSL 인증서 디코더", "url": "/safe/ssl-certificate-decoder/", "category": "Privacy & Security"}, {"name": "String Escape / Unescape", "url": "/dev/string-escape-unescape/", "category": "Developer Tools"}, {"name": "Structured Data Validator", "url": "/seo/structured-data-validator/", "category": "SEO Tools"}, {"name": "SVG to PNG", "url": "/image/svg-to-png/", "category": "Image Tools"}, {"name": "Text Diff", "url": "/text/text-diff/", "category": "Text Tools"}, {"name": "Text Diff Checker", "url": "/dev/dev-text-diff/", "category": "Developer Tools"}, {"name": "Text Extractor", "url": "/text/text-extractor/", "category": "Text Tools"}, {"name": "Text Redactor", "url": "/safe/text-redactor/", "category": "Privacy & Security"}, {"name": "Thread Splitter", "url": "/social/thread-splitter/", "category": "Social Media Tools"}, {"name": "TOTP 설정기", "url": "/safe/totp-configurator/", "category": "Privacy & Security"}, {"name": "Unicode Escape Converter", "url": "/doc/unicode-escape-converter/", "category": "Format Tools"}, {"name": "Unix Timestamp Converter", "url": "/dev/timestamp-converter/", "category": "Developer Tools"}, {"name": "URL 슬러그 생성기", "url": "/seo/seo-url-slug-generator/", "category": "SEO Tools"}, {"name": "URL Encoder / Decoder", "url": "/doc/url-encoder/", "category": "Format Tools"}, {"name": "URL Encoder/Decoder", "url": "/text/url-encode-decode/", "category": "Text Tools"}, {"name": "URL Slug Generator", "url": "/gen/url-slug-generator/", "category": "Generator Tools"}, {"name": "UTM 링크 빌더", "url": "/social/social-utm-builder/", "category": "Social Media Tools"}, {"name": "UUID Generator", "url": "/safe/uuid-generator/", "category": "Privacy & Security"}, {"name": "vCard QR 빌더", "url": "/qr/qr-vcard-generator/", "category": "QR & Barcode"}, {"name": "Watermark Image", "url": "/image/watermark-image/", "category": "Image Tools"}, {"name": "Watermark PDF", "url": "/pdf/watermark-pdf/", "category": "PDF Tools"}, {"name": "Wi-Fi QR 설정 빌더", "url": "/qr/qr-wifi-generator/", "category": "QR & Barcode"}, {"name": "Word Counter", "url": "/text/text-counter/", "category": "Text Tools"}, {"name": "Word Count & SEO Grade", "url": "/seo/word-count-seo/", "category": "SEO Tools"}, {"name": "XML ↔ JSON Converter", "url": "/dev/xml-json-converter/", "category": "Developer Tools"}, {"name": "XML Sitemap Generator", "url": "/seo/sitemap-generator/", "category": "SEO Tools"}, {"name": "YAML ↔ JSON Converter", "url": "/doc/yaml-json-converter/", "category": "Format Tools"}];</script> <!-- JS: engine scripts first, then app.js, then Alpine (defer = document order) --> <script defer src="https://cdn.peasytools.com/js/app.1b24cdef65d7.js"></script> <script defer src="https://cdn.peasytools.com/js/glossary-tooltip.d3ff895c91ec.js"></script> <script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/collapse@3.14.9/dist/cdn.min.js"></script> <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.9/dist/cdn.min.js"></script> <!-- JSON-LD --> <script type="application/ld+json"> {"@context": "https://schema.org", "@graph": [{"@type": "Article", "headline": "Meta Tags Optimization: A Complete Guide for 2025-2026", "url": "https://peasymath.com/guides/meta-tags-optimization-complete-guide/", "description": "Meta tags are the first impression your page makes on search engines and social platforms. Optimizing title tags, descriptions, and other meta elements directly impacts click-through rates from SERPs.", "publisher": {"@type": "Organization", "name": "Peasy Math"}, "datePublished": "2026-03-10", "dateModified": "2026-03-14", "educationalLevel": "Beginner", "learningResourceType": "How-To", "timeRequired": "PT1M", "wordCount": 276}, {"@type": "BreadcrumbList", "itemListElement": [{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://peasymath.com/"}, {"@type": "ListItem", "position": 2, "name": "Guides", "item": "https://peasymath.com/guides/"}, {"@type": "ListItem", "position": 3, "name": "Meta Tags Optimization: A Complete Guide for 2025-"}]}, {"@type": "FAQPage", "mainEntity": [{"@type": "Question", "name": "What does this guide cover?", "acceptedAnswer": {"@type": "Answer", "text": "Meta tags are the first impression your page makes on search engines and social platforms. Optimizing title tags, descriptions, and other meta elements directly impacts click-through rates from SERPs."}}, {"@type": "Question", "name": "What are the key takeaways from this guide?", "acceptedAnswer": {"@type": "Answer", "text": "The `<title>` element is the single most impactful on-page SEO factor.. Control how your pages appear when shared on Facebook, LinkedIn, and other platforms:. Twitter uses its own meta tags alongside Open Graph fallbacks:. Duplicate titles across multiple pages. ## The Most Important Meta Tags\n\n### Title Tag\n\nThe `<title>` element is the single most impactful on-page SEO factor.."}}, {"@type": "Question", "name": "Who is this guide for?", "acceptedAnswer": {"@type": "Answer", "text": "This guide is designed for beginner-level users and takes about 1 minutes to read."}}]}]} </script> </body> </html>