<meta name="description" content="실용적인 예시와 팁이 포함된 종합 가이드. 무료 도구 포함."> <link rel="canonical" href="https://seo-io.com/ko/blog/on-page-seo-checklist-2026.html"> <meta property="og:title" content="On-Page SEO Checklist 2026"> <meta property="og:description" content="On-Page SEO Checklist 2026. Free guide with examples."> <meta property="og:url" content="https://seo-io.com/ko/blog/on-page-seo-checklist-2026.html"> <meta property="og:type" content="article"> <meta name="twitter:card" content="summary_large_image"> <link rel="stylesheet" href="/css/style.css?v=20260327c"> <script src="/js/theme.js"></script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6478776854131333" crossorigin="anonymous"></script> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <script type="application/ld+json">{"@context": "https://schema.org", "@type": "BlogPosting", "headline": "On Page Seo Checklist 2026", "datePublished": "2026-03-16", "dateModified":"2026-03-31", "author": {"@type": "Organization", "name": "SeoIO"}, "publisher": {"@type": "Organization", "name": "SeoIO"}, "description": "On-Page SEO Checklist 2026. Comprehensive guide with practical examples and tips. Free tools included.", "mainEntityOfPage": {"@type": "WebPage", "@id": "https://seo-io.com/blog/on-page-seo-checklist-2026.html"}}</script> <link rel="alternate" hreflang="ko" href="https://seo-io.com/ko/blog/on-page-seo-checklist-2026.html"> <link rel="alternate" hreflang="en" href="https://seo-io.com/blog/on-page-seo-checklist-2026.html"> </head> <body> <header class="site-header"> <div class="container header-inner"> <a href="/" class="logo"> <svg viewBox="0 0 28 28" width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"> <rect width="28" height="28" rx="6" fill="#8b5cf6"/> <circle cx="11" cy="11" r="7" stroke="#fff" stroke-width="2" fill="none"/><path d="M21 21l-4.35-4.35" stroke="#fff" stroke-width="2" stroke-linecap="round"/><path d="M8 11h6M11 8v6" stroke="#fff" stroke-width="1.5" stroke-linecap="round"/> </svg> SEO<span class="logo-accent">.io</span> </a> <button class="mobile-menu-btn" aria-label="Toggle menu" onclick="document.querySelector('.nav-links').classList.toggle('open')">☰</button> <nav class="nav-links" aria-label="Main navigation"> <a href="/" class="active">Home</a> <a href="/alltools/">Tools</a> <a href="/blog/">Blog</a> <a href="/about.html">About</a> </nav> <div class="header-actions"> <div class="lang-dropdown"> <button class="lang-btn" onclick="this.nextElementSibling.classList.toggle('show')" aria-label="Language"> <span>🇺🇸</span> EN <svg width="12" height="12" viewBox="0 0 12 12" fill="none"><path d="M3 5l3 3 3-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg> </button> <div class="lang-menu" id="langMenu"> <a href="/">🇺🇸 English</a> <a href="/es/">🇪🇸 Español</a> <a href="/fr/">🇫🇷 Français</a> <a href="/de/">🇩🇪 Deutsch</a> <a href="/ja/">🇯🇵 日本語</a> <a href="/pt/">🇧🇷 Português</a> <a href="/zh/">🇨🇳 中文</a> <a href="/ko/">🇰🇷 한국어</a> </div> </div> <button class="theme-toggle" id="themeToggle" onclick="toggleTheme()" title="Toggle theme"> <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg> </button> </div> </div> </header> <nav class="breadcrumb" aria-label="Breadcrumb"><div class="container"><a href="/">SEO.io</a><span class="sep">/</span><a href="/blog/">Blog</a><span class="sep">/</span><span>On-Page SEO Checklist 2026</span></div></nav> <main id="main-content"> <article class="container" style="max-width:800px;margin:2rem auto;padding:0 1rem"><h1>2026년 완벽한 온페이지 SEO 체크리스트: 47가지 필수 최적화 전략</h1> <p class="text-muted" style="margin-bottom:1.5rem"><time datetime="2026-03-31">2026년 3월 31일</time> · 12분 읽기</p> <details open style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"> <summary style="cursor:pointer;font-weight:600;margin-bottom:1rem">📑 목차</summary> <ol style="margin:0;padding-left:1.5rem"> <li><a href="#title-tags">타이틀 태그 최적화</a></li> <li><a href="#meta-descriptions">메타 설명 모범 사례</a></li> <li><a href="#header-hierarchy">헤더 태그 및 콘텐츠 구조</a></li> <li><a href="#content-quality">콘텐츠 품질 및 깊이</a></li> <li><a href="#url-structure">URL 구조 및 최적화</a></li> <li><a href="#image-optimization">이미지 최적화 기법</a></li> <li><a href="#schema-markup">스키마 마크업 구현</a></li> <li><a href="#technical-seo">기술적 온페이지 필수 요소</a></li> <li><a href="#internal-linking">전략적 내부 링크</a></li> <li><a href="#user-experience">사용자 경험 신호</a></li> <li><a href="#mobile-optimization">모바일 우선 최적화</a></li> <li><a href="#faq">자주 묻는 질문</a></li> <li><a href="#related">관련 글</a></li> </ol> </details> <p>온페이지 SEO는 2026년에도 검색 엔진 최적화의 핵심으로 남아 있습니다. 구글의 알고리즘이 AI 기반 이해력으로 점점 더 정교해졌지만, 잘 최적화되고 사용자 중심적인 페이지를 만드는 기본 원칙은 변하지 않았습니다. 단지 진화했을 뿐입니다.</p> <p>이 포괄적인 체크리스트는 최대 검색 가시성을 위해 최적화해야 하는 모든 중요한 온페이지 요소를 다룹니다. 새 사이트를 시작하든 기존 페이지를 감사하든, 이 47가지 전략은 더 높은 순위를 달성하고 더 많은 자연 트래픽을 유도하는 데 도움이 될 것입니다.</p> <h2 id="title-tags">타이틀 태그 최적화: 가장 중요한 순위 신호</h2> <p>타이틀 태그는 가장 강력한 온페이지 SEO 요소입니다. 검색 결과, 브라우저 탭, 소셜 미디어 공유에 표시되므로 순위와 클릭률 모두에 중요합니다.</p> <h3>타이틀 태그 길이 및 문자 제한</h3> <p>구글은 일반적으로 검색 결과에서 타이틀 태그의 처음 50-60자를 표시합니다. 그러나 구글은 문자 수가 아닌 픽셀 너비로 측정하므로 "W"와 "M" 같은 넓은 문자는 "i"나 "l"보다 더 많은 공간을 차지합니다.</p> <p>대부분의 타이틀에 안전한 범위는 50-55자입니다. 타이틀이 이를 초과하면 구글이 줄임표(...)로 잘라내어 중요한 정보가 잘릴 수 있습니다.</p> <div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"><p style="margin:0"><strong>전문가 팁:</strong> <a href="/tools/title-tag-preview/">타이틀 태그 미리보기 도구</a>를 사용하여 게시하기 전에 검색 결과에서 타이틀이 어떻게 표시될지 정확히 확인하세요. 이는 데스크톱과 모바일 디스플레이 모두에 최적화하는 데 도움이 됩니다.</p></div> <h3>키워드 배치 전략</h3> <p>주요 키워드를 가능한 한 자연스럽게 타이틀의 앞부분에 배치하세요. 앞쪽에 배치된 키워드는 검색 엔진으로부터 더 많은 가중치를 받고 사용자가 결과를 스캔할 때 더 빨리 주목을 끕니다.</p> <p>그러나 키워드 배치를 위해 가독성을 희생하지 마세요. 어색하게 읽히는 타이틀은 클릭률을 해치며, 이는 중요한 순위 요소입니다.</p> <table style="width:100%;border-collapse:collapse;margin:1.5rem 0"> <thead> <tr style="background:var(--bg-secondary);border-bottom:2px solid var(--border)"> <th style="padding:0.75rem;text-align:left">타이틀 유형</th> <th style="padding:0.75rem;text-align:left">좋은 예</th> <th style="padding:0.75rem;text-align:left">나쁜 예</th> </tr> </thead> <tbody> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem">블로그 포스트</td> <td style="padding:0.75rem">온페이지 SEO 체크리스트: 2026년 47가지 전략</td> <td style="padding:0.75rem">SEO에 대해 알아야 할 모든 것</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem">제품 페이지</td> <td style="padding:0.75rem">유기농 면 티셔츠 | 지속 가능한 패션</td> <td style="padding:0.75rem">놀라운 티셔츠를 오늘 구매하세요!</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem">서비스 페이지</td> <td style="padding:0.75rem">워드프레스 개발 서비스 | 맞춤 테마</td> <td style="padding:0.75rem">웹사이트 제작 - 지금 문의하세요</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem">지역 비즈니스</td> <td style="padding:0.75rem">덴버 배관공 | 24/7 긴급 배관</td> <td style="padding:0.75rem">콜로라도 최고의 배관 회사</td> </tr> </tbody> </table> <h3>브랜드 이름 포함</h3> <p>타이틀 태그 끝에 파이프(|) 또는 대시(-)로 구분하여 브랜드 이름을 포함하세요. 이는 브랜드 인지도를 구축하고 회사에 익숙한 사용자의 클릭률을 향상시킬 수 있습니다.</p> <p>홈페이지와 주요 랜딩 페이지의 경우 브랜드 이름을 먼저 배치하는 것을 고려하세요. 블로그 포스트와 정보성 콘텐츠의 경우 키워드를 우선시하기 위해 끝에 배치하세요.</p> <h2 id="meta-descriptions">메타 설명 모범 사례</h2> <p>메타 설명은 직접적인 순위 요소는 아니지만 클릭률에 상당한 영향을 미치며, 이는 순위에 <em>영향을</em> 줍니다. 메타 설명을 자연 검색 목록의 광고 카피로 생각하세요.</p> <h3>최적 길이 및 형식</h3> <p>데스크톱의 경우 150-160자, 모바일의 경우 120자 사이로 메타 설명을 작성하세요. 구글은 기기와 쿼리에 따라 다른 길이를 표시할 수 있지만, 이 범위 내에 머무르면 대부분의 경우 전체 메시지가 표시됩니다.</p> <p>구글이 항상 메타 설명을 사용하는 것은 아닙니다. 검색 쿼리와 더 잘 일치한다고 판단되면 페이지 콘텐츠에서 자체 스니펫을 생성할 수 있습니다. 그러나 잘 작성된 메타 설명은 구글이 이를 사용할 가능성을 높입니다.</p> <h3>효과적인 메타 설명 공식</h3> <p>효과적인 메타 설명은 다음 구조를 따릅니다:</p> <ol> <li><strong>훅:</strong> 사용자의 문제점이나 질문을 다룸</li> <li><strong>가치:</strong> 배우거나 얻을 수 있는 것을 설명</li> <li><strong>행동 유도:</strong> 클릭을 유도</li> <li><strong>키워드:</strong> 타겟 키워드를 자연스럽게 포함</li> </ol> <p>예시: "온페이지 SEO로 고민 중이신가요? 이 완벽한 2026년 체크리스트는 순위를 높이는 47가지 검증된 전략을 다룹니다. 타이틀 태그 최적화, 스키마 마크업 등을 배우세요. 오늘 최적화를 시작하세요."</p> <div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"><p style="margin:0"><strong>빠른 팁:</strong> "발견하다", "배우다", "얻다", "찾다"와 같은 행동 단어를 사용하여 긴급성을 만드세요. 가능하면 숫자를 포함하세요. 검색 결과에서 눈에 띄고 구체적인 가치를 제안합니다.</p></div> <h2 id="header-hierarchy">헤더 태그 및 콘텐츠 구조</h2> <p>헤더 태그(H1-H6)는 사용자와 검색 엔진 모두가 페이지 구조를 이해하는 데 도움이 되는 논리적 콘텐츠 계층을 만듭니다. 적절한 헤더 사용은 가독성, 접근성 및 SEO 성능을 향상시킵니다.</p> <h3>H1 태그 규칙</h3> <p>페이지당 정확히 하나의 H1 태그를 사용하세요. H1에는 주요 키워드가 포함되어야 하며 페이지의 주요 주제를 명확하게 전달해야 합니다. 대부분의 경우 H1은 타이틀 태그와 일치하거나 유사해야 합니다.</p> <p>H1은 일반적으로 사용자가 페이지에서 처음 보는 것이므로 매력적이고 설명적으로 만드세요. "환영합니다" 또는 "홈"과 같은 일반적인 H1은 피하세요. 이는 귀중한 SEO 공간을 낭비합니다.</p> <h3>H2-H6 계층</h3> <p>주요 섹션에는 H2 태그를, H2 아래의 하위 섹션에는 H3 태그를 사용하는 식으로 진행하세요. 헤딩 레벨을 건너뛰지 마세요(H2에서 H4로 건너뛰지 마세요). 이는 스크린 리더와 검색 엔진이 올바르게 파싱할 수 있는 논리적 문서 개요를 만듭니다.</p> <p>H2 및 H3 태그에 관련 키워드를 포함하되, 키워드 채우기보다 자연스러운 언어를 우선시하세요. 모든 헤더에서 정확히 같은 키워드를 반복하기보다는 변형과 관련 용어를 사용하세요.</p> <blockquote style="border-left:4px solid #10b981;padding-left:1rem;margin:1.5rem 0;font-style:italic"> <p>"적절한 헤더 계층은 SEO만을 위한 것이 아닙니다. 사용자가 빠르게 탐색할 수 있는 스캔 가능한 콘텐츠를 만드는 것입니다. 대부분의 독자는 읽기 전에 스캔하며, 헤더가 그 스캔 프로세스를 안내합니다."</p> </blockquote> <h2 id="content-quality">콘텐츠 품질 및 깊이</h2> <p>콘텐츠 품질은 2026년에 가장 중요한 순위 요소가 되었습니다. 구글의 AI 알고리즘은 이제 놀라운 정밀도로 콘텐츠 깊이, 정확성 및 유용성을 평가할 수 있습니다. 얇고 일반적인 콘텐츠는 더 이상 순위를 매길 수 없습니다.</p> <h3>단어 수 가이드라인</h3> <p>순위를 위한 마법의 단어 수는 없지만, 포괄적인 콘텐츠가 더 나은 성능을 보이는 경향이 있습니다. 콘텐츠 유형에 따른 일반적인 가이드라인은 다음과 같습니다:</p> <ul> <li><strong>블로그 포스트:</strong> 경쟁 주제의 경우 1,500-2,500단어</li> <li><strong>기둥 콘텐츠:</strong> 포괄적인 가이드의 경우 3,000-5,000단어 이상</li> <li><strong>제품 페이지:</strong> 상세한 설명과 함께 최소 300-800단어</li> <li><strong>서비스 페이지:</strong> 혜택과 프로세스를 설명하는 800-1,500단어</li> <li><strong>지역 페이지:</strong> 위치별 정보가 포함된 500-1,000단어</li> </ul> <p>그러나 단어 수만으로 품질이 결정되는 것은 아닙니다. 특정 질문에 철저히 답하는 집중된 1,200단어 기사가 깊이가 부족한 장황한 3,000단어 글보다 더 높은 순위를 차지할 것입니다.</p> <h3>검색 의도 매칭</h3> <p>검색 의도를 이해하고 매칭하는 것이 중요합니다. 구글은 쿼리를 네 가지 유형으로 분류합니다:</p> <ol> <li><strong>정보성:</strong> 사용자가 무언가를 배우고 싶어함(하우투 가이드, 튜토리얼)</li> <li><strong>탐색성:</strong> 사용자가 특정 웹사이트나 페이지를 찾고 싶어함</li> <li><strong>거래성:</strong> 사용자가 무언가를 구매하거나 행동을 취하고 싶어함</li> <li><strong>상업적 조사:</strong> 사용자가 구매 전에 조사 중</li> </ol> <p>타겟 키워드에 대한 상위 10개 결과를 분석하여 구글이 해당 쿼리에 대해 어떤 유형의 콘텐츠를 보상하는지 이해하세요. 콘텐츠 형식, 깊이 및 각도를 이미 순위에 있는 것과 일치시키세요.</p> <div style="background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin:1.5rem 0"><p style="margin:0"><strong>전문가 팁:</strong> <a href="/tools/serp-analyzer/">SERP 분석 도구</a>를 사용하여 상위 순위 페이지의 콘텐츠 패턴을 빠르게 식별하세요. 평균 단어 수, 일반적인 헤더 및 채울 수 있는 콘텐츠 격차를 보여줍니다.</p></div> <h3>콘텐츠 신선도 및 업데이트</h3> <p>순위를 유지하기 위해 콘텐츠를 정기적으로 업데이트하세요. 구글은 특히 시간에 민감한 주제에 대해 신선하고 최신 정보를 선호합니다. 사용자와 검색 엔진 모두에게 콘텐츠가 최신임을 보여주기 위해 "마지막 업데이트" 날짜를 추가하세요.</p> <p>다음과 같은 경우 콘텐츠를 업데이트하세요:</p> <ul> <li>통계나 데이터가 오래됨</li> <li>새로운 정보나 모범 사례가 등장함</li> <li>링크가 깨지거나 관련성이 없어짐</li> <li>사용자 댓글이 격차나 질문을 드러냄</li> <li>순위가 하락하기 시작함</li> </ul> <h3>가독성 및 서식</h3> <p>짧은 단락(최대 2-3문장), 글머리 기호, 번호 목록 및 시각적 요소로 텍스트를 나누세요. 전환 단어를 사용하여 흐름을 개선하고 독자를 콘텐츠를 통해 안내하세요.</p> <p>대부분의 콘텐츠에 대해 8학년 읽기 수준을 목표로 하세요. Flesch Reading Ease 점수와 같은 도구가 가독성을 평가하는 데 도움이 될 수 있습니다. 더 간단한 언어가 수준을 낮춘다는 의미는 아닙니다. 명확하고 효율적으로 소통한다는 의미입니다.</p> <h2 id="url-structure">URL 구조 및 최적화</h2> <p>깔끔하고 설명적인 URL은 검색 엔진이 페이지 콘텐츠를 이해하고 사용자 경험을 개선하는 데 도움이 됩니다. 잘 구조화된 URL은 검색 결과에서 클릭률도 높입니다.</p> <h3>URL 모범 사례</h3> <p>SEO 친화적인 URL을 위해 다음 규칙을 따르세요:</p> <ul> <li><strong>짧게 유지:</strong> 최대 3-5단어를 목표로 함</li> <li><strong>하이픈 사용:</strong> 밑줄이 아닌 하이픈으로 단어를 구분</li> <li><strong>키워드 포함:</strong> URL에 주요 키워드 사용</li> <li><strong>소문자 사용:</strong> 중복 콘텐츠 문제를 방지하기 위해 대문자 피함</li> <li><strong>매개변수 피함:</strong> 가능하면 쿼리 문자열 대신 깔끔한 URL 사용</li> <li><strong>불용어 제거:</strong> 명확성에 필요하지 않으면 "a", "the", "and", "or" 제거</li> </ul> <table style="width:100%;border-collapse:collapse;margin:1.5rem 0"> <thead> <tr style="background:var(--bg-secondary);border-bottom:2px solid var(--border)"> <th style="padding:0.75rem;text-align:left">요소</th> <th style="padding:0.75rem;text-align:left">좋은 URL</th> <th style="padding:0.75rem;text-align:left">나쁜 URL</th> </tr> </thead> <tbody> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem">블로그 포스트</td> <td style="padding:0.75rem">/on-page-seo-checklist/</td> <td style="padding:0.75rem">/blog/2026/03/post-12345/</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem">제품</td> <td style="padding:0.75rem">/organic-cotton-tshirt/</td> <td style="padding:0.75rem">/products?id=456&cat=shirts</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem">카테고리</td> <td style="padding:0.75rem">/seo-tools/</td> <td style="padding:0.75rem">/category.php?name=seo_tools</td> </tr> <tr style="border-bottom:1px solid var(--border)"> <td style="padding:0.75rem">서비스</td> <td style="padding:0.75rem">/wordpress-development/</td> <td style="padding:0.75rem">/services/web-design-and-development-wordpress/</td> </tr> </tbody> </table> <h3>사이트 계층을 위한 URL 구조</h3> <p>URL 구조를 사용하여 사이트의 정보 아키텍처를 반영하세요. 논리적 계층은 검색 엔진이 페이지 간의 관계를 이해하고 링크 자산을 효과적으로 분배하는 데 도움이 됩니다.</p> <p>예를 들어:</p> <ul> <li><code>/blog/</code> (카테고리)</li> <li><code>/blog/on-page-seo-checklist/</code> (포스트)</li> <li><code>/tools/</code> (카테고리)</li> <li><code>/tools/title-tag-preview/</code> (도구)</li> </ul> <p>URL 구조에서 3-4레벨 이상 깊이 들어가지 마세요. 더 깊은 URL은 덜 중요한 콘텐츠를 제안하고 링크 자산을 희석시킬 수 있습니다.</p> <h2 id="image-optimization">이미지 최적화 기법</h2> <p>이미지는 사용자 경험을 향상시키지만 제대로 최적화되지 않으면 사이트 속도를 늦출 수 있습니다. 2026년에는 이미지 최적화가 SEO와 Core Web Vitals 성능 모두에 중요합니다.</p> <h3>이미지 형식 선택</h3> <p>각 이미지 유형에 적합한 형식을 선택하세요:</p> <ul> <li><strong>WebP:</strong> 대부분의 이미지에 최적—우수한 품질로 더 작은 파일 크기</li> <li><strong>AVIF:</strong> WebP보다 더 나은 압축이지만 브라우저 지원이 적음</li> <li><strong>JPEG:</strong> 사진에 적합</article> </main> <footer class="site-footer"> <div class="container"> <div class="footer-grid"> <div class="footer-col"><h4>Analysis</h4><a href="/tools/meta-tag-analyzer/">Meta Tag Analyzer</a><a href="/tools/heading-analyzer/">Heading Analyzer</a><a href="/tools/keyword-density/">Keyword Density</a></div> <div class="footer-col"><h4>Schema</h4><a href="/tools/schema-generator/">Schema Generator</a></div> <div class="footer-col"><h4>Technical</h4><a href="/tools/robots-txt-generator/">Robots Txt Generator</a><a href="/tools/sitemap-generator/">Sitemap Generator</a><a href="/tools/redirect-checker/">Redirect Checker</a><a href="/tools/canonical-checker/">Canonical Checker</a></div> <div class="footer-col"><h4>Social</h4><a href="/tools/og-tag-generator/">Og Tag Generator</a><a href="/tools/twitter-card-generator/">Twitter Card Gener…</a></div> <div class="footer-col"><h4>Company</h4><a href="/about.html">About</a><a href="/blog/">Blog</a><a href="/contact.html">Contact</a><a href="/sitemap.xml">Sitemap</a></div> </div> <div class="footer-bottom"> <span>© 2026 SEO.io. All processing happens in your browser.</span> <div class="footer-legal"><a href="/privacy.html">Privacy</a><a href="/terms.html">Terms</a></div> </div> </div> <div class="matrix-links" style="text-align:center;padding:10px 0;border-top:1px solid rgba(255,255,255,0.05)"><span style="color:#666;font-size:0.75em">More Tools: </span><a href="https://gen-kit.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">gen-kit</a><a href="https://go-calc.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">go-calc</a><a href="https://run-dev.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">run-dev</a><a href="https://txt-tool.com/" rel="nofollow noopener" style="color:#68a;text-decoration:none;font-size:0.8em;margin-right:12px">txt-tool</a></div></footer> </body> </html>