';
gridHtml += '
';
const kwmapPct = totalSlots>0 ? Math.round((totalHits/totalSlots)*100) : 0;
let kwmapStatus, kwmapMsg;
if(kwmapPct>=60){ kwmapStatus='ok'; kwmapMsg=L('kwmap_good'); }
else if(kwmapPct>=30){ kwmapStatus='warn'; kwmapMsg=L('kwmap_fair'); }
else{ kwmapStatus='fail'; kwmapMsg=L('kwmap_poor'); priorityActions.push({icon:'🔑',msg:L('kwmap_poor'),severity:'high'}); }
checks.push({status:kwmapStatus, text: L('sec_kwmap')+': '+kwmapPct+'% coverage'});
renderSection('seo-detail-kwmap','🎯',L('sec_kwmap'),kwmapStatus,[
{label:'', value:gridHtml, raw:true},
{label:'Coverage', value: kwmapPct+'% ('+totalHits+'/'+totalSlots+')'},
{status:kwmapStatus, msg:kwmapMsg},
{tip:L('tip_kwmap')}
]);
}
// --- TARGET KEYWORD OPTIMIZATION (v8) ---
const targetKw = (meta.targetKeyword||'').toLowerCase().trim();
if(targetKw){
const tkItems = [];
let tkScore = 0, tkMax = 10;
const tkLow = targetKw;
const titleLow2 = titleText.toLowerCase();
const h1Text2 = h1s.length>0 ? h1s[0].textContent.trim().toLowerCase() : '';
const metaLow2 = metaText.toLowerCase();
const urlSlug = decodeURIComponent(baseUrl.pathname.toLowerCase().replace(/[-_/]/g,' '));
const firstParas2 = Array.from(doc.querySelectorAll('p')).filter(p=>p.textContent.trim().length>30);
const first100 = firstParas2.length>0 ? firstParas2.slice(0,3).map(p=>p.textContent.trim().toLowerCase()).join(' ') : '';
const altTexts = Array.from(imgs).map(i=>(i.getAttribute('alt')||'').toLowerCase()).join(' ');
// Check title position (beginning is best)
const inTitle2 = titleLow2.includes(tkLow);
const titlePos = inTitle2 ? titleLow2.indexOf(tkLow) : -1;
const titleAtStart = titlePos>=0 && titlePos<=5;
if(inTitle2){ tkScore+=2; if(titleAtStart) tkScore+=1; }
tkItems.push({label:L('tk_in_title'), value: inTitle2 ? (titleAtStart ? '✓ '+L('tk_at_start')+'' : '✓ '+L('tk_pos')+' '+(titlePos+1)+'') : '✗', raw:true});
// H1
const inH12 = h1Text2.includes(tkLow);
if(inH12) tkScore+=2;
tkItems.push({label:L('tk_in_h1'), value: inH12?'✓':'✗', raw:true});
// Meta
const inMeta2 = metaLow2.includes(tkLow);
if(inMeta2) tkScore+=1;
tkItems.push({label:L('tk_in_meta'), value: inMeta2?'✓':'✗', raw:true});
// URL
const inUrl2 = urlSlug.includes(tkLow.replace(/\s+/g,' '));
if(inUrl2) tkScore+=1;
tkItems.push({label:L('tk_in_url'), value: inUrl2?'✓':'✗', raw:true});
// First 100 words
const inFirst2 = first100.includes(tkLow);
if(inFirst2) tkScore+=1;
tkItems.push({label:L('tk_in_first'), value: inFirst2?'✓':'✗', raw:true});
// Alt text
const inAlt = altTexts.includes(tkLow);
if(inAlt) tkScore+=1;
tkItems.push({label:L('tk_in_alt'), value: inAlt?'✓':'✗', raw:true});
// Keyword density for target keyword
const bodyLow = bodyText.toLowerCase();
const tkRegex = new RegExp(tkLow.replace(/[.*+?^${}()|[\]\\]/g,'\\$&'),'gi');
const tkMatches = bodyLow.match(tkRegex);
const tkCount = tkMatches ? tkMatches.length : 0;
const tkDensity = totalWords>0 ? (tkCount/totalWords*100).toFixed(2) : '0';
const densityOk = parseFloat(tkDensity)>=0.5 && parseFloat(tkDensity)<=3.0;
if(densityOk) tkScore+=1;
const densityColor = densityOk ? '#10b981' : parseFloat(tkDensity)<0.5 ? '#f59e0b' : '#ef4444';
tkItems.push({label:L('tk_density'), value: ''+tkDensity+'% ('+tkCount+'x / '+totalWords+' '+L('content_words')+')', raw:true});
// Ideal range bar
const densityPct = Math.min(5, parseFloat(tkDensity));
const barHtml = ''+L('kwmap_keyword_col')+'
';
gridHtml += ''+L('kwmap_title_col')+'
';
gridHtml += ''+L('kwmap_h1_col')+'
';
gridHtml += ''+L('kwmap_meta_col')+'
';
gridHtml += ''+L('kwmap_url_col')+'
';
gridHtml += ''+L('kwmap_first_p')+'
';
let totalHits=0, totalSlots=0;
topKws.forEach(kw=>{
const inTitle=ck(titleLow,kw), inH1=ck(h1Text,kw), inMeta=ck(metaLow,kw), inUrl=ck(urlLow,kw), inFirst=ck(firstPText,kw);
const hits=[inTitle,inH1,inMeta,inUrl,inFirst].filter(Boolean).length;
totalHits+=hits; totalSlots+=5;
const y='✓', n='✗';
gridHtml += ''+kw+'
';
gridHtml += ''+(inTitle?y:n)+'
';
gridHtml += ''+(inH1?y:n)+'
';
gridHtml += ''+(inMeta?y:n)+'
';
gridHtml += ''+(inUrl?y:n)+'
';
gridHtml += ''+(inFirst?y:n)+'
';
});
gridHtml += '' +
'' +
'' +
'
0%0.5-2.5% '+L('tk_ideal')+'5%+
';
tkItems.push({label:'', value: barHtml, raw:true});
// Overall score
tkPct = Math.round((tkScore/tkMax)*100);
let tkStatus, tkMsg;
if(tkPct>=80){ tkStatus='ok'; tkMsg=L('tk_excellent'); }
else if(tkPct>=50){ tkStatus='warn'; tkMsg=L('tk_fair'); }
else { tkStatus='fail'; tkMsg=L('tk_poor'); priorityActions.push({icon:'🎯',msg:L('tk_poor')+' ("'+targetKw+'")',severity:'high'}); }
tkItems.push({status:tkStatus, msg:tkMsg+' ('+tkPct+'%)'});
// Suggestions
if(!inTitle2) tkItems.push({fix:''+targetKw.charAt(0).toUpperCase()+targetKw.slice(1)+' — '+L('tk_fix_h1')+'
'}); if(!inMeta2) tkItems.push({fix:''}); tkItems.push({tip:L('tip_targetkw')}); checks.push({status:tkStatus, text: L('sec_targetkw')+': "'+targetKw+'" — '+tkPct+'%'}); maxScore += 15; score += Math.round((tkScore/tkMax)*15); renderSection('seo-detail-targetkw','🎯',L('sec_targetkw')+': '+targetKw+'',tkStatus,tkItems); } else { document.getElementById('seo-detail-targetkw').style.display='none'; } // --- HREFLANG DEEP VALIDATION (v8) --- const hreflangTags = doc.querySelectorAll('link[hreflang]'); if(hreflangTags.length > 0){ const hlItems = []; let hlIssues = 0; const validLangs = new Set(['aa','ab','af','ak','am','an','ar','as','av','ay','az','ba','be','bg','bh','bi','bm','bn','bo','br','bs','ca','ce','ch','co','cr','cs','cu','cv','cy','da','de','dv','dz','ee','el','en','eo','es','et','eu','fa','ff','fi','fj','fo','fr','fy','ga','gd','gl','gn','gu','gv','ha','he','hi','ho','hr','ht','hu','hy','hz','ia','id','ie','ig','ii','ik','io','is','it','iu','ja','jv','ka','kg','ki','kj','kk','kl','km','kn','ko','kr','ks','ku','kv','kw','ky','la','lb','lg','li','ln','lo','lt','lu','lv','mg','mh','mi','mk','ml','mn','mr','ms','mt','my','na','nb','nd','ne','ng','nl','nn','no','nr','nv','ny','oc','oj','om','or','os','pa','pi','pl','ps','pt','qu','rm','rn','ro','ru','rw','sa','sc','sd','se','sg','si','sk','sl','sm','sn','so','sq','sr','ss','st','su','sv','sw','ta','te','tg','th','ti','tk','tl','tn','to','tr','ts','tt','tw','ty','ug','uk','ur','uz','ve','vi','vo','wa','wo','xh','yi','yo','za','zh','zu']); const hlMap = {}; let hasXDefault = false; let hasSelfRef = false; const pageUrl = new URL(url).href.replace(/\/$/,''); hreflangTags.forEach(tag=>{ const lang = (tag.getAttribute('hreflang')||'').toLowerCase().trim(); const href = (tag.getAttribute('href')||'').trim(); hlMap[lang] = href; if(lang==='x-default') hasXDefault=true; try{ if(new URL(href, url).href.replace(/\/$/,'')===pageUrl) hasSelfRef=true; }catch(e){} }); // List all tags Object.entries(hlMap).forEach(([lang,href])=>{ const shortHref = href.length>60 ? href.substring(0,57)+'...' : href; hlItems.push({label:''+lang+'', value: shortHref, raw:true});
});
// Validate language codes
const invalidLangs = [];
Object.keys(hlMap).forEach(lang=>{
if(lang==='x-default') return;
const base = lang.split('-')[0];
if(!validLangs.has(base)) invalidLangs.push(lang);
});
if(invalidLangs.length>0){
hlItems.push({status:'fail', msg: L('hl_invalid_lang')+': '+invalidLangs.join(', ')});
hlIssues++;
}
// Check self-referencing
if(!hasSelfRef){
hlItems.push({status:'warn', msg: L('hl_no_self_ref')});
hlIssues++;
} else {
hlItems.push({status:'ok', msg: L('hl_self_ref_ok')});
}
// Check x-default
if(!hasXDefault){
hlItems.push({status:'warn', msg: L('hl_no_xdefault')});
hlIssues++;
} else {
hlItems.push({status:'ok', msg: L('hl_xdefault_ok')});
}
// Check absolute URLs
let relativeUrls = 0;
Object.values(hlMap).forEach(href=>{
if(!href.startsWith('http://') && !href.startsWith('https://')) relativeUrls++;
});
if(relativeUrls>0){
hlItems.push({status:'warn', msg: relativeUrls+' '+L('hl_relative_urls')});
hlIssues++;
}
hlItems.push({label:L('hl_total'), value: hreflangTags.length+' tags, '+Object.keys(hlMap).length+' '+L('hl_languages')});
if(hlIssues>0){
hlItems.push({fix:'\n\n'});
}
hlItems.push({tip:L('tip_hreflang')});
const hlStatus = hlIssues===0?'ok':hlIssues<=2?'warn':'fail';
checks.push({status:hlStatus, text: L('sec_hreflang')+': '+hreflangTags.length+' tags'+(hlIssues>0?', '+hlIssues+' '+L('hl_issues'):'')});
renderSection('seo-detail-hreflang','🌐',L('sec_hreflang'),hlStatus,hlItems);
} else {
// No hreflang — just show a note, not a failure (not all sites need it)
const hlItems = [{status:'warn', msg: L('hreflang_none')}, {tip:L('tip_hreflang')}];
checks.push({status:'warn', text: L('sec_hreflang')+': '+L('hreflang_none')});
renderSection('seo-detail-hreflang','🌐',L('sec_hreflang'),'warn',hlItems);
}
// --- FAVICON ---
const hasFavicon = !!doc.querySelector('link[rel="icon"]') || !!doc.querySelector('link[rel="shortcut icon"]') || !!doc.querySelector('link[rel="apple-touch-icon"]');
checks.push({status:hasFavicon?'ok':'warn', text: hasFavicon?L('favicon_found'):L('favicon_missing')});
// --- CRAWLABILITY & INDEXING ---
const pageSizeKB = meta.pageSizeBytes ? Math.round(meta.pageSizeBytes/1024) : Math.round(html.length/1024);
maxScore += 10;
let crawlScore = 0;
if(meta.hasRobotsTxt) crawlScore += 3;
if(meta.hasSitemapXml) crawlScore += 3;
if(pageSizeKB < 500) crawlScore += 4; else if(pageSizeKB < 1500) crawlScore += 2;
score += crawlScore;
let crawlStatus = crawlScore >= 8 ? 'ok' : crawlScore >= 4 ? 'warn' : 'fail';
const crawlItems = [
{label:L('robots_txt'), value: meta.hasRobotsTxt ? '✓' : '✗'},
{label:L('sitemap_xml'), value: meta.hasSitemapXml ? '✓' : '✗'},
{label:L('page_size'), value: pageSizeKB + ' KB' + (pageSizeKB>500?' ⚠️':'')},
{status: meta.hasRobotsTxt?'ok':'warn', msg: meta.hasRobotsTxt?L('robots_found'):L('robots_missing')},
{status: meta.hasSitemapXml?'ok':'warn', msg: meta.hasSitemapXml?L('sitemap_found'):L('sitemap_missing')},
{status: pageSizeKB<500?'ok':(pageSizeKB<1500?'warn':'fail'), msg: pageSizeKB<500?L('page_size_ok'):L('page_size_heavy')+' ('+pageSizeKB+' KB)'},
{tip: L('tip_crawl')}
];
if(!meta.hasRobotsTxt) priorityActions.push({icon:'🤖',msg:L('robots_missing'),severity:'medium'});
if(!meta.hasSitemapXml) priorityActions.push({icon:'🗺',msg:L('sitemap_missing'),severity:'medium'});
if(!meta.hasRobotsTxt || !meta.hasSitemapXml){
let crawlFix = '';
if(!meta.hasRobotsTxt) crawlFix += '# robots.txt — upload to '+baseUrl.origin+'/robots.txt\nUser-agent: *\nAllow: /\n\nSitemap: '+baseUrl.origin+'/sitemap.xml\n';
if(!meta.hasSitemapXml) crawlFix += (crawlFix?'\n':'')+'\n\n
\n
\n'});
}
mixedItems.push({tip:L('tip_mixed')});
checks.push({status:mixedStatus, text: L('sec_mixedcontent')+': '+(mixedResources.length>0?mixedResources.length+' issues':'OK')});
renderSection('seo-detail-mixedcontent','🔒',L('sec_mixedcontent'),mixedStatus,mixedItems);
// --- DUPLICATE META TAG DETECTION (v7) ---
const titleTags = doc.querySelectorAll('title');
const descTags = doc.querySelectorAll('meta[name="description"]');
let dupStatus = 'ok', dupItems = [];
if(titleTags.length>1){ dupStatus='warn'; dupItems.push({status:'warn',msg:titleTags.length+' '+L('dupmeta_titles')}); }
if(descTags.length>1){ dupStatus='warn'; dupItems.push({status:'warn',msg:descTags.length+' '+L('dupmeta_descs')}); }
if(dupStatus==='ok'){ dupItems.push({status:'ok',msg:L('dupmeta_none')}); }
else { dupItems.push({fix:'\n\n '+g+''+c.cat+'
';
}).join('');
// --- RADAR CHART ---
_lastCatScores = catScores.slice();
drawRadarChart(catScores);
// --- EXECUTIVE SUMMARY ---
renderExecutiveSummary(pct, checks, priorityActions, {
titleStatus, titleText, metaStatus, metaText, h1Status, imgStatus,
socialStatus, mobileStatus, secScore, secMax, a11yScore, a11yMax,
contentStatus, bodyText, baseUrl, urlPath: baseUrl.pathname
});
// --- SERP PREVIEW (pixel-accurate truncation) ---
const serpEl = document.getElementById('seo-serp-preview');
if(titleText || metaText){
const displayUrl = baseUrl.origin + (urlPath.length>50?urlPath.substring(0,50)+'…':urlPath);
// Find pixel-accurate truncation point for title
let serpTitle = titleText || url;
if(titleOverPx){
// Find the character where it would be truncated
let truncIdx = serpTitle.length;
for(let i=serpTitle.length;i>0;i--){
if(titlePixelWidth(serpTitle.substring(0,i)+'…') <= TITLE_PX_LIMIT){ truncIdx=i; break; }
}
serpTitle = ''+serpTitle.substring(0,truncIdx)+''+serpTitle.substring(truncIdx)+'…';
}
// Find pixel-accurate truncation for meta
let serpDesc = metaText || '';
if(metaOverPx){
let truncIdx = serpDesc.length;
for(let i=serpDesc.length;i>0;i--){
if(metaPixelWidth(serpDesc.substring(0,i)+'…') <= META_PX_LIMIT){ truncIdx=i; break; }
}
serpDesc = serpDesc.substring(0,truncIdx)+''+serpDesc.substring(truncIdx)+'…';
} else {
serpDesc = serpDesc.substring(0,160)+(metaText.length>160?'…':'');
}
serpEl.innerHTML = '';
} else {
serpEl.innerHTML = ''+L('serp_no_preview')+'
';
}
// --- MOBILE SERP PREVIEW ---
const serpMobileEl = document.getElementById('seo-serp-preview-mobile');
if(titleText || metaText){
// Mobile title truncation: ~78% of desktop width (~450px)
const MOBILE_TITLE_PX = 450;
let mobileTitle = titleText || url;
const mobileTitlePx = titleText ? titlePixelWidth(titleText) : 0;
if(mobileTitlePx > MOBILE_TITLE_PX){
let truncIdx = mobileTitle.length;
for(let i=mobileTitle.length;i>0;i--){
if(titlePixelWidth(mobileTitle.substring(0,i)+'…') <= MOBILE_TITLE_PX){ truncIdx=i; break; }
}
mobileTitle = ''+mobileTitle.substring(0,truncIdx)+''+mobileTitle.substring(truncIdx)+'…';
}
// Mobile description: ~120 chars max
let mobileDesc = metaText || '';
mobileDesc = mobileDesc.substring(0,120)+(metaText.length>120?'…':'');
// Mobile breadcrumb-style URL
const pathParts = urlPath.split('/').filter(Boolean);
const breadcrumb = baseUrl.hostname + (pathParts.length ? ' › ' + pathParts.join(' › ') : '');
serpMobileEl.innerHTML = '' +
'
';
} else {
serpMobileEl.innerHTML = '🌐
' +
''+baseUrl.hostname+'
'+mobileTitle+'
' +
''+mobileDesc+'
' +
'📱 '+L('serp_mobile_note')+'
' +
''+L('serp_no_preview')+'
';
}
// --- SOCIAL SHARE PREVIEWS ---
const ogTitleVal = ogTitle?(ogTitle.getAttribute('content')||''):(titleText||'');
const ogDescVal = ogDesc?(ogDesc.getAttribute('content')||''):(metaText||'');
const ogImageVal = ogImage?(ogImage.getAttribute('content')||''):'';
const domain = baseUrl.hostname.toUpperCase();
// Facebook
const fbEl = document.getElementById('seo-og-preview');
fbEl.innerHTML = ''+(ogImageVal?'
':L('og_no_image'))+'
' +
''+domain+'
'+ogTitleVal.substring(0,70)+'
'+ogDescVal.substring(0,100)+'
'+(twImageVal?'
':L('tw_no_image'))+'
' +
''+twTitleVal.substring(0,70)+'
'+baseUrl.hostname+'
⚡ '+a.impact+'
' : '';
return '' +
'
';
}).join('');
} else {
prioEl.style.display='none';
}
// --- CHECKLIST ---
const cl = document.getElementById('seo-checklist');
cl.innerHTML = checks.map(c=>{
const icon = c.status==='ok'?'✅':c.status==='warn'?'⚠️':'❌';
return '' +
''+a.icon+'' +
''+a.msg+'' +
''+sevLabel+'
' +
impactHtml + ''+c.text+'
';
}).join('');
// Quick summary stats
const okCount = checks.filter(c=>c.status==='ok').length;
const warnCnt = checks.filter(c=>c.status==='warn').length;
const failCnt = checks.filter(c=>c.status==='fail').length;
const qsEl = document.getElementById('seo-quick-stats');
qsEl.innerHTML = '✅ '+okCount+' '+L('quick_passed')+'
'
+'⚠️ '+warnCnt+' '+L('quick_warnings')+'
'
+'❌ '+failCnt+' '+L('quick_issues')+'
';
qsEl.style.display = 'flex';
document.getElementById('seo-results').style.display='block';
// Build section nav bar
renderSectionNav();
document.getElementById('seo-results').scrollIntoView({behavior:'smooth',block:'start'});
// Save to history
const issueCount = checks.filter(c=>c.status==='fail'||c.status==='warn').length;
saveSEOScan(url, pct, issueCount);
renderSEOHistory();
// --- CORE WEB VITALS (async, non-blocking) ---
const cwvEl = document.getElementById('seo-detail-cwv');
cwvEl.innerHTML = '⚡
'+L('sec_cwv')+'
...'+L('cwv_loading')+'
' +
'' +
''+displayVal+'
';
}
function cwvScoreCircle(score){
const col = score>=90?'#10b981':score>=50?'#f59e0b':'#ef4444';
return ''+score+'';
}
function renderCWV(data){
const items = [];
// Performance score
if(data.perf_score !== null && data.perf_score !== undefined){
items.push({label:L('cwv_perf_score'), value: cwvScoreCircle(data.perf_score), raw:true});
}
items.push({label:'', value:''+L('cwv_lab')+'
', raw:true});
// LCP
if(data.lcp_ms !== null && data.lcp_ms !== undefined){
items.push({label:L('cwv_lcp'), value: cwvMetricBar(data.lcp_ms, 2500, 4000, 's'), raw:true});
}
// CLS
if(data.cls !== null && data.cls !== undefined){
items.push({label:L('cwv_cls'), value: cwvMetricBar(data.cls, 0.1, 0.25, 'cls'), raw:true});
}
// TBT
if(data.tbt_ms !== null && data.tbt_ms !== undefined){
items.push({label:L('cwv_tbt'), value: cwvMetricBar(data.tbt_ms, 200, 600, 'ms'), raw:true});
}
// FCP
if(data.fcp_ms !== null && data.fcp_ms !== undefined){
items.push({label:L('cwv_fcp'), value: cwvMetricBar(data.fcp_ms, 1800, 3000, 's'), raw:true});
}
// Speed Index
if(data.si_ms !== null && data.si_ms !== undefined){
items.push({label:L('cwv_si'), value: cwvMetricBar(data.si_ms, 3400, 5800, 's'), raw:true});
}
// Field data
if(data.field && Object.keys(data.field).length > 0){
items.push({label:'', value:''+L('cwv_field')+' (p75)
', raw:true});
if(data.field.lcp_p75) items.push({label:'LCP', value: cwvMetricBar(data.field.lcp_p75, 2500, 4000, 's'), raw:true});
if(data.field.cls_p75 !== undefined) items.push({label:'CLS', value: cwvMetricBar(data.field.cls_p75/100, 0.1, 0.25, 'cls'), raw:true});
if(data.field.inp_p75) items.push({label:'INP', value: cwvMetricBar(data.field.inp_p75, 200, 500, 'ms'), raw:true});
if(data.field.fcp_p75) items.push({label:'FCP', value: cwvMetricBar(data.field.fcp_p75, 1800, 3000, 's'), raw:true});
} else {
items.push({status:'warn', msg: L('cwv_no_field')});
}
// Opportunities
if(data.opportunities && data.opportunities.length > 0){
items.push({label:'', value:''+L('cwv_opportunities')+'
', raw:true});
data.opportunities.forEach(op=>{
const savingsText = op.savings_ms ? ' — '+L('cwv_savings')+': '+(op.savings_ms/1000).toFixed(1)+'s' : '';
items.push({status:'warn', msg: op.title + savingsText});
});
}
// Overall status
let cwvStatus = 'ok';
const perfScore = data.perf_score;
if(perfScore !== null && perfScore !== undefined){
cwvStatus = perfScore>=90?'ok':perfScore>=50?'warn':'fail';
}
const cwvMsg = cwvStatus==='ok'?L('cwv_good'):cwvStatus==='warn'?L('cwv_needs_work'):L('cwv_poor');
items.push({status:cwvStatus, msg: cwvMsg});
items.push({tip:L('tip_cwv')});
renderSection('seo-detail-cwv','⚡',L('sec_cwv'),cwvStatus,items);
// Update grade badges — add CWV grade and redraw radar
const gradesEl = document.getElementById('seo-grades');
if(gradesEl && perfScore !== null){
const g = perfScore>=90?'A':perfScore>=75?'B':perfScore>=55?'C':perfScore>=35?'D':'F';
const col = g==='A'?'#10b981':g==='B'?'#3b82f6':g==='C'?'#f59e0b':g==='D'?'#f97316':'#ef4444';
const badge = ''+g+''+L('grade_cwv')+'
';
gradesEl.innerHTML += badge;
// Redraw radar with CWV category
if(_lastCatScores){
_lastCatScores.push({cat:L('grade_cwv'), pct: perfScore});
drawRadarChart(_lastCatScores);
}
}
}
/* ============ EXECUTIVE SUMMARY ============ */
function renderExecutiveSummary(pct, checks, priorityActions, ctx){
const summaryEl = document.getElementById('seo-executive-summary');
summaryEl.style.display = 'block';
// Count issues by type
const criticalCount = checks.filter(c=>c.status==='fail').length;
const warnCount = checks.filter(c=>c.status==='warn').length;
const passedCount = checks.filter(c=>c.status==='ok').length;
// Overall letter grade (A+ through F)
function scoreToLetterGrade(s){
if(s>=95) return 'A+'; if(s>=90) return 'A'; if(s>=85) return 'A-';
if(s>=80) return 'B+'; if(s>=75) return 'B'; if(s>=70) return 'B-';
if(s>=65) return 'C+'; if(s>=60) return 'C'; if(s>=55) return 'C-';
if(s>=45) return 'D+'; if(s>=35) return 'D'; return 'F';
}
const overallGrade = scoreToLetterGrade(pct);
const gradeCol = pct>=80?'#10b981':pct>=60?'#3b82f6':pct>=40?'#f59e0b':'#ef4444';
// Overview stats
const overviewEl = document.getElementById('seo-summary-overview');
overviewEl.innerHTML =
''
+'
'
+''+overallGrade+'
'
+''+L('summary_overall_grade')+'
'
+'
'
+''+criticalCount+'
'
+''+L('summary_critical')+'
'
+'
'
+''+warnCount+'
'
+''+L('summary_warnings')+'
'
+'
';
// Quick wins — top 3 prioritized actions with smart suggestions
const quickWinsEl = document.getElementById('seo-summary-quickwins');
const quickWins = buildQuickWins(priorityActions, ctx);
if(quickWins.length > 0){
let qwHtml = ''+passedCount+'
'
+''+L('summary_passed')+'
'+L('summary_quickwins_title')+'
';
quickWins.slice(0,3).forEach((qw,i)=>{
const impactCol = qw.impact==='high'?'#ef4444':qw.impact==='medium'?'#f59e0b':'#3b82f6';
const impactBg = qw.impact==='high'?'rgba(239,68,68,0.1)':qw.impact==='medium'?'rgba(245,158,11,0.1)':'rgba(59,130,246,0.1)';
const impactLabel = qw.impact==='high'?L('summary_impact_high'):qw.impact==='medium'?L('summary_impact_medium'):L('summary_impact_low');
qwHtml += ''
+'
';
});
quickWinsEl.innerHTML = qwHtml;
} else {
quickWinsEl.innerHTML = ''+(i+1)+'
'
+''
+'
'+qw.title+'
'
+''+qw.desc+'
'
+(qw.suggestion ? ''+L('summary_suggested_title')+':
' : '')
+''+impactLabel+''
+''+qw.suggestion+'✔ '+L('summary_no_issues')+'
';
}
// Strengths
const strengthsEl = document.getElementById('seo-summary-strengths');
const strengths = [];
if(ctx.titleStatus==='ok') strengths.push(L('summary_strength_title'));
if(ctx.metaStatus==='ok') strengths.push(L('summary_strength_meta'));
if(ctx.h1Status==='ok') strengths.push(L('summary_strength_h1'));
if(ctx.imgStatus==='ok') strengths.push(L('summary_strength_images'));
if(ctx.socialStatus==='ok') strengths.push(L('summary_strength_social'));
if(ctx.mobileStatus==='ok') strengths.push(L('summary_strength_mobile'));
if(ctx.secScore/ctx.secMax>=0.7) strengths.push(L('summary_strength_security'));
if(ctx.a11yScore/ctx.a11yMax>=0.7) strengths.push(L('summary_strength_a11y'));
if(strengths.length > 0){
strengthsEl.innerHTML = ''+L('summary_strengths_title')+'
'
+''+strengths.map(s=>'✔ '+s+'').join('')+'
';
} else {
strengthsEl.innerHTML = '';
}
}
function buildQuickWins(priorityActions, ctx){
const wins = [];
// Smart title suggestion
if(ctx.titleStatus==='fail'){
const suggestedTitle = generateTitleSuggestion(ctx);
wins.push({title: L('sec_title'), desc: L('title_missing'), impact:'high', suggestion: suggestedTitle});
} else if(ctx.titleStatus==='warn' && ctx.titleText.length > 60){
const trimmed = smartTrimTitle(ctx.titleText);
wins.push({title: L('sec_title'), desc: L('title_long')+' ('+ctx.titleText.length+' chars)', impact:'high', suggestion: trimmed});
}
// Smart meta description suggestion
if(ctx.metaStatus==='fail'){
const suggestedMeta = generateMetaSuggestion(ctx);
wins.push({title: L('sec_meta'), desc: L('meta_missing'), impact:'high', suggestion: suggestedMeta});
} else if(ctx.metaStatus==='warn' && ctx.metaText.length > 160){
const trimmed = smartTrimMeta(ctx.metaText);
wins.push({title: L('sec_meta'), desc: L('meta_long')+' ('+ctx.metaText.length+' chars)', impact:'medium', suggestion: trimmed});
}
// H1 missing
if(ctx.h1Status==='fail'){
wins.push({title: L('sec_headings'), desc: L('h1_missing'), impact:'high'});
}
// Add remaining priority actions not already covered
priorityActions.forEach(pa=>{
if(wins.length >= 3) return;
const already = wins.some(w=>w.desc === pa.msg);
if(!already){
wins.push({title: pa.msg, desc: L('impact_'+pa.severity==='critical'?'title_missing':'robots_missing')||'', impact: pa.severity==='critical'?'high':'medium'});
}
});
return wins;
}
function smartTrimTitle(title){
// Trim to ~57 chars at a word boundary, keep the most important part
if(title.length <= 60) return title;
// Try to find a natural break (pipe, dash, colon)
const separators = [' | ', ' — ', ' - ', ' : '];
for(const sep of separators){
const idx = title.indexOf(sep);
if(idx > 15 && idx <= 57) return title.substring(0, idx + sep.length).trim() + '...';
}
// Word boundary trim
const trimmed = title.substring(0, 57);
const lastSpace = trimmed.lastIndexOf(' ');
return (lastSpace > 20 ? trimmed.substring(0, lastSpace) : trimmed) + '...';
}
function smartTrimMeta(meta){
if(meta.length <= 155) return meta;
const trimmed = meta.substring(0, 152);
const lastPeriod = trimmed.lastIndexOf('.');
if(lastPeriod > 100) return trimmed.substring(0, lastPeriod + 1);
const lastSpace = trimmed.lastIndexOf(' ');
return (lastSpace > 100 ? trimmed.substring(0, lastSpace) : trimmed) + '...';
}
function generateTitleSuggestion(ctx){
// Extract a title from page content: use H1 if available, or first meaningful text
const bodyText = ctx.bodyText || '';
const hostname = ctx.baseUrl.hostname.replace(/^www\./, '');
const brandName = hostname.split('.')[0];
const capitalBrand = brandName.charAt(0).toUpperCase() + brandName.slice(1);
// Try to extract meaningful keywords from first 200 chars of body
const firstWords = bodyText.substring(0, 200).split(/\s+/).filter(w=>w.length>3).slice(0,6).join(' ');
if(firstWords.length > 10){
const trimmed = firstWords.length > 45 ? firstWords.substring(0, 45).replace(/\s\S*$/, '') : firstWords;
return trimmed + ' | ' + capitalBrand;
}
return capitalBrand + ' — ' + (ctx.urlPath || '').replace(/[\/\-_]/g, ' ').trim().substring(0, 35);
}
function generateMetaSuggestion(ctx){
// Extract first meaningful sentences from body text
const bodyText = ctx.bodyText || '';
// Find sentences
const sentences = bodyText.match(/[A-Z][^.!?]*[.!?]/g) || [];
let suggestion = '';
for(const s of sentences){
const clean = s.trim();
if(clean.length < 20 || clean.length > 160) continue;
if(suggestion.length + clean.length + 1 <= 155){
suggestion += (suggestion ? ' ' : '') + clean;
} else break;
}
if(suggestion.length >= 80) return suggestion;
// Fallback: first 150 chars of body
const fallback = bodyText.substring(0, 150).trim();
const lastSpace = fallback.lastIndexOf(' ');
return (lastSpace > 100 ? fallback.substring(0, lastSpace) : fallback) + '...';
}
function printReport(){
const url = document.getElementById('seo-url').value.trim();
const score = document.getElementById('seo-score-circle').querySelector('.score-num').textContent;
const scoreLabel = document.getElementById('seo-score-label').textContent;
const grades = document.getElementById('seo-grades').innerHTML;
const checklist = document.getElementById('seo-checklist').innerHTML;
const priority = document.getElementById('seo-priority-list').innerHTML;
const date = new Date().toLocaleDateString();
// Executive summary for report
const summaryHtml = document.getElementById('seo-executive-summary').innerHTML;
// Collect all detail sections for comprehensive report
const detailIds = ['seo-detail-title','seo-detail-meta','seo-detail-headings','seo-detail-images',
'seo-detail-links','seo-detail-content','seo-detail-readability','seo-detail-keywords','seo-detail-kwmap',
'seo-detail-targetkw','seo-detail-hreflang',
'seo-detail-social','seo-detail-mobile','seo-detail-structured','seo-detail-technical',
'seo-detail-url','seo-detail-crawl','seo-detail-security','seo-detail-httpperf','seo-detail-a11y','seo-detail-redirects',
'seo-detail-cwv','seo-detail-techstack'];
let detailsHtml = '';
detailIds.forEach(id=>{
const el = document.getElementById(id);
if(el && el.innerHTML.trim()){
detailsHtml += ''+el.innerHTML+'
';
}
});
// Capture radar chart as image
const radarCanvas = document.getElementById('seo-radar');
let radarImg = '';
if(radarCanvas && radarCanvas.style.display !== 'none'){
try{ radarImg = 'SEO Report
'+url+'
'+date+'
freeaidomain.com
freeaidomain.com
'+score+'/100
'
+''+scoreLabel+'
'+radarImg+''+grades+'
'+summaryHtml+'
'
+(priority?'⚠️ Priority Actions
'+priority:'') +'Detailed Analysis
'+detailsHtml +'Full Checklist
'+checklist +'' +''; if(arguments[0] === 'pdf'){ // Open in new tab for browser PDF print const w = window.open('', '_blank'); if(w){ w.document.write(html); w.document.close(); setTimeout(()=>{ w.print(); }, 400); } else { // Fallback if popup blocked const blob = new Blob([html], {type:'text/html'}); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'seo-report-'+new URL(url.startsWith('http')?url:'https://'+url).hostname.replace(/[^a-z0-9]/g,'-')+'.html'; a.click(); URL.revokeObjectURL(a.href); } } else { const blob = new Blob([html], {type:'text/html'}); const a = document.createElement('a'); a.href = URL.createObjectURL(blob); a.download = 'seo-report-'+new URL(url.startsWith('http')?url:'https://'+url).hostname.replace(/[^a-z0-9]/g,'-')+'.html'; a.click(); URL.revokeObjectURL(a.href); } } // Track rendered sections for nav bar const _renderedSections = []; function renderSection(elId, icon, title, status, items){ const el = document.getElementById(elId); const badgeClass = status==='ok'?'seo-badge-ok':status==='warn'?'seo-badge-warn':'seo-badge-fail'; const badgeText = status==='ok'?'OK':status==='warn'?'Warning':'Issue'; const bodyId = elId+'-body'; // Auto-collapse OK sections to reduce overwhelm const autoCollapse = status==='ok'; let html = ''+icon+'
';
html += ''+title+'
'+badgeText+'▼';
items.forEach(it=>{
if(it.fix){
const fid='fix-'+elId+'-'+Math.random().toString(36).substr(2,6);
html+='';
}
else if(it.tip){ html+=''; }
else{ html+=''; }
});
html += '
';
el.innerHTML=html;
// Track for nav bar
const cleanTitle = title.replace(/<[^>]*>/g,'').trim();
_renderedSections.push({id:elId, icon, title:cleanTitle, status});
}
function toggleSection(bodyId, headEl){
const body = document.getElementById(bodyId);
const arrow = headEl.querySelector('.toggle-arrow');
body.classList.toggle('collapsed');
arrow.classList.toggle('collapsed');
}
function toggleAllSections(expand){
document.querySelectorAll('.seo-section-body').forEach(b=>{
if(expand) b.classList.remove('collapsed');
else b.classList.add('collapsed');
});
document.querySelectorAll('.toggle-arrow').forEach(a=>{
if(expand) a.classList.remove('collapsed');
else a.classList.add('collapsed');
});
const btn = document.getElementById('seo-toggle-all');
if(btn){ btn.dataset.expanded = expand?'1':'0'; btn.innerHTML = expand ? '▼ '+L('collapse_all') : '▶ '+L('expand_all'); }
}
function renderSectionNav(){
const nav = document.getElementById('seo-section-nav');
if(!nav || _renderedSections.length===0) return;
// Build pills: toggle-all button + one pill per section
let html = '';
// Count issues
const failCount = _renderedSections.filter(s=>s.status==='fail').length;
const warnCount = _renderedSections.filter(s=>s.status==='warn').length;
if(failCount>0) html+=''+failCount+' ❌';
if(warnCount>0) html+=''+warnCount+' ⚠️';
// Show fail/warn sections first, then ok
const sorted = [..._renderedSections].sort((a,b)=>{
const order={fail:0,warn:1,ok:2};
return (order[a.status]||2)-(order[b.status]||2);
});
sorted.forEach(s=>{
const shortTitle = s.title.length>18 ? s.title.substring(0,16)+'…' : s.title;
html+='';
});
nav.innerHTML = html;
nav.style.display = 'flex';
}
/* ============ SCAN HISTORY (localStorage) ============ */
const SEO_HISTORY_KEY = 'anima_seo_history';
const SEO_HISTORY_MAX = 10;
function getSEOHistory(){
try{ return JSON.parse(localStorage.getItem(SEO_HISTORY_KEY)||'[]'); }catch(e){ return []; }
}
function saveSEOScan(url, score, issues){
const history = getSEOHistory();
history.unshift({url, score, issues, date: new Date().toISOString()});
if(history.length > SEO_HISTORY_MAX) history.length = SEO_HISTORY_MAX;
localStorage.setItem(SEO_HISTORY_KEY, JSON.stringify(history));
}
function clearSEOHistory(){
localStorage.removeItem(SEO_HISTORY_KEY);
renderSEOHistory();
}
function renderSEOHistory(){
const container = document.getElementById('seo-history');
const list = document.getElementById('seo-history-list');
const history = getSEOHistory();
if(history.length === 0){ container.style.display='none'; return; }
container.style.display='block';
list.innerHTML = history.map((h,i)=>{
const col = h.score>=80?'#10b981':h.score>=60?'#3b82f6':h.score>=40?'#f59e0b':'#ef4444';
const domain = h.url.replace(/^https?:\/\//,'').split('/')[0];
const dateStr = new Date(h.date).toLocaleDateString();
const trend = i🛠️ '+L('fix_show_code')+'▼
'+it.fix.replace(//g,'>')+'
\uD83D\uDCA1 '+it.tip+'
'; }
else if(it.status){ html+=''+it.msg+'
'+it.label+'
'+it.value+'
'+h.score+'
'
+''
+'
'
+(trend?''+dateStr+(h.issues?' — '+h.issues+' issues':'')+'
'+trend+'
':'')
+'';
}).join('');
// Draw mini chart if 2+ entries
const canvas = document.getElementById('seo-history-chart');
if(history.length >= 2){
canvas.style.display='block';
drawHistoryChart(canvas, history);
} else { canvas.style.display='none'; }
}
function drawHistoryChart(canvas, history){
const ctx = canvas.getContext('2d');
const w = canvas.width, h = canvas.height;
const pad = {t:15,b:25,l:35,r:15};
const pw = w-pad.l-pad.r, ph = h-pad.t-pad.b;
ctx.clearRect(0,0,w,h);
const data = history.slice().reverse(); // oldest first
const n = data.length;
// Grid
ctx.strokeStyle='rgba(255,255,255,0.06)';
ctx.lineWidth=1;
for(let y=0;y<=100;y+=25){
const py=pad.t+ph-(y/100)*ph;
ctx.beginPath();ctx.moveTo(pad.l,py);ctx.lineTo(w-pad.r,py);ctx.stroke();
ctx.fillStyle='rgba(255,255,255,0.3)';ctx.font='10px sans-serif';ctx.textAlign='right';
ctx.fillText(y,pad.l-5,py+3);
}
// Line + fill
const points = data.map((d,i)=>({x:pad.l+(i/(n-1))*pw, y:pad.t+ph-(d.score/100)*ph}));
ctx.beginPath();
points.forEach((p,i)=>i===0?ctx.moveTo(p.x,p.y):ctx.lineTo(p.x,p.y));
ctx.strokeStyle='#6366f1';ctx.lineWidth=2.5;ctx.stroke();
// Fill under
ctx.lineTo(points[n-1].x,pad.t+ph);ctx.lineTo(points[0].x,pad.t+ph);ctx.closePath();
ctx.fillStyle='rgba(99,102,241,0.1)';ctx.fill();
// Dots
points.forEach((p,i)=>{
const col = data[i].score>=80?'#10b981':data[i].score>=60?'#3b82f6':data[i].score>=40?'#f59e0b':'#ef4444';
ctx.beginPath();ctx.arc(p.x,p.y,4,0,Math.PI*2);ctx.fillStyle=col;ctx.fill();
ctx.fillStyle='rgba(255,255,255,0.5)';ctx.font='9px sans-serif';ctx.textAlign='center';
ctx.fillText(data[i].score,p.x,p.y-8);
});
// X labels
ctx.fillStyle='rgba(255,255,255,0.3)';ctx.font='9px sans-serif';ctx.textAlign='center';
const step = Math.max(1,Math.floor(n/5));
for(let i=0;i'
+''
+''+pct+'
';
}
function grade(p){ return p>=90?'A':p>=75?'B':p>=55?'C':p>=35?'D':'F'; }
function gradeCol(g){ return g==='A'?'#10b981':g==='B'?'#3b82f6':g==='C'?'#f59e0b':g==='D'?'#f97316':'#ef4444'; }
const catNames = {
title: L('grade_title'), meta: L('grade_meta'), headings: L('sec_headings'),
images: L('sec_images'), content: L('grade_content'), links: L('sec_links'),
social: L('grade_social'), mobile: L('grade_mobile'), technical: L('grade_technical'),
security: L('sec_security'), schema: L('sec_structured'), eeat: L('sec_eeat'),
};
// Score difference
const diff = primary.overall - competitor.overall;
let summaryMsg, summaryBg;
if(diff > 5){ summaryMsg = '🏆 ' + L('cmp_you_win') + ' (+' + diff + ')'; summaryBg = 'rgba(16,185,129,0.08)'; }
else if(diff < -5){ summaryMsg = '⚠️ ' + L('cmp_they_win') + ' (' + diff + ')'; summaryBg = 'rgba(239,68,68,0.08)'; }
else { summaryMsg = '🤝 ' + L('cmp_tie'); summaryBg = 'rgba(59,130,246,0.08)'; }
// Build HTML
let html = '';
// Left column (your site)
html += '
';
// Category comparison grid
html += '';
html += '
';
// VS
html += '' + L('cmp_your_site') + '
';
html += scoreRing(primary.overall, 100);
html += '' + primary.hostname + '
';
html += '' + L('cmp_vs') + '
';
// Right column (competitor)
html += '';
html += '
';
html += '' + L('cmp_competitor') + '
';
html += scoreRing(competitor.overall, 100);
html += '' + competitor.hostname + '
';
html += '';
let yourWins = 0, theirWins = 0;
Object.keys(catNames).forEach(key => {
const pVal = primary.cats[key] || 0;
const cVal = competitor.cats[key] || 0;
const pGrade = grade(pVal);
const cGrade = grade(cVal);
const pCol = gradeCol(pGrade);
const cCol = gradeCol(cGrade);
const pWins = pVal > cVal;
const cWins = cVal > pVal;
if(pWins) yourWins++;
if(cWins) theirWins++;
html += '
';
// Summary
html += '';
html += '
';
});
html += '' + pGrade + '
';
html += '' + catNames[key] + '
';
html += '' + cGrade + '
';
html += '' + summaryMsg;
html += '
';
body.innerHTML = html;
}
function runComparisonAnalysis(compareUrl){
/* Fetch and analyze competitor URL, then render comparison */
const card = document.getElementById('seo-comparison-card');
const body = document.getElementById('seo-comparison-body');
card.style.display = 'block';
body.innerHTML = '';
html += primary.hostname + ': ' + yourWins + ' ' + L('cmp_wins') + ' · ' + competitor.hostname + ': ' + theirWins + ' ' + L('cmp_wins');
html += '
' + L('cmp_loading') + '
' + L('cmp_error') + ' (' + e.message + ')
';
});
}