[{"data":1,"prerenderedAt":645},["ShallowReactive",2],{"serp-preview-navigation":3,"mdc--4zkox4-key":20,"serp-preview-version":53,"\u002Fdocs\u002Fserp-preview\u002Fconfiguration":54,"\u002Fdocs\u002Fserp-preview\u002Fconfiguration-surround":642},[4],{"title":5,"path":6,"stem":7,"children":8,"icon":19},"SERP Preview","\u002Fdocs\u002Fserp-preview","1.docs\u002F7.serp-preview\u002F1.index",[9,11,15],{"title":10,"path":6,"stem":7},"Getting Started",{"title":12,"path":13,"stem":14},"Configuration","\u002Fdocs\u002Fserp-preview\u002Fconfiguration","1.docs\u002F7.serp-preview\u002F2.configuration",{"title":16,"path":17,"stem":18},"Custom Formatters","\u002Fdocs\u002Fserp-preview\u002Fformatters","1.docs\u002F7.serp-preview\u002F3.formatters","i-ri-search-eye-line",{"data":21,"body":22},{},{"type":23,"children":24},"root",[25],{"type":26,"tag":27,"props":28,"children":29},"element","p",{},[30,33,42,44,51],{"type":31,"value":32},"text","We love Kirby – our plugins wouldn't exist without it. Help us improve: share feedback in ",{"type":26,"tag":34,"props":35,"children":39},"a",{"href":36,"rel":37},"https:\u002F\u002Fgithub.com\u002Fkirby-tools\u002Fcommunity\u002Fdiscussions",[38],"nofollow",[40],{"type":31,"value":41},"Discussions",{"type":31,"value":43}," or report bugs via ",{"type":26,"tag":34,"props":45,"children":48},{"href":46,"rel":47},"https:\u002F\u002Fgithub.com\u002Fkirby-tools\u002Fcommunity\u002Fissues",[38],[49],{"type":31,"value":50},"Issues",{"type":31,"value":52},".",null,{"id":55,"title":12,"body":56,"description":636,"extension":637,"meta":638,"navigation":639,"path":13,"seo":640,"stem":14,"__hash__":641},"docs\u002F1.docs\u002F7.serp-preview\u002F2.configuration.md",{"type":57,"value":58,"toc":603},"minimark",[59,64,83,99,105,142,155,158,180,192,195,217,229,240,262,274,289,311,319,326,348,359,365,396,405,411,433,445,451,481,493,496,518,536,540,543,575,578,594,599],[60,61,63],"h2",{"id":62},"section-properties","Section Properties",[27,65,66,67,71,72,77,78,82],{},"Properties marked ",[68,69,70],"strong",{},"Query"," accept ",[34,73,76],{"href":74,"rel":75},"https:\u002F\u002Fgetkirby.com\u002Fdocs\u002Fguide\u002Fblueprints\u002Fquery-language",[38],"Kirby's query language",", so ",[79,80,81],"code",{},"{{ site.title }}"," resolves against the current model. A query that resolves to something no string can hold leaves the placeholder empty.",[84,85,87,89,90],"h3",{"id":86},"label",[79,88,86],{}," ",[91,92],"u-badge",{"className":93,"label":97,"variant":98},[94,95,96],"align-middle","ml-2","rounded-full!","String","subtle",[27,100,101,102,104],{},"The heading above the snippet. It defaults to the Panel language's own translation, which is ",[79,103,5],{}," in English, shipped in English, German, French and Dutch; other Panel languages get the English label. It accepts a translation key or a map of languages:",[106,107,113],"pre",{"className":108,"code":109,"filename":110,"language":111,"meta":112,"style":112},"language-yaml shiki shiki-themes github-light github-light github-dark","type: serp-preview\nlabel: Search Result\n","sections\u002Fserp-preview.yml","yaml","",[79,114,115,132],{"__ignoreMap":112},[116,117,120,124,128],"span",{"class":118,"line":119},"line",1,[116,121,123],{"class":122},"sovSZ","type",[116,125,127],{"class":126},"sxrX7",": ",[116,129,131],{"class":130},"sIIMD","serp-preview\n",[116,133,135,137,139],{"class":118,"line":134},2,[116,136,86],{"class":122},[116,138,127],{"class":126},[116,140,141],{"class":130},"Search Result\n",[84,143,145,89,148,89,151],{"id":144},"faviconurl",[79,146,147],{},"faviconUrl",[91,149],{"className":150,"label":97,"variant":98},[94,95,96],[91,152],{"className":153,"label":70,"variant":98,"color":154},[94,95,96],"neutral",[27,156,157],{},"The icon in front of the site name. Without it the snippet drops the icon and its circle:",[106,159,161],{"className":108,"code":160,"filename":110,"language":111,"meta":112,"style":112},"type: serp-preview\nfaviconUrl: \"{{ site.favicon.toFile.url }}\"\n",[79,162,163,171],{"__ignoreMap":112},[116,164,165,167,169],{"class":118,"line":119},[116,166,123],{"class":122},[116,168,127],{"class":126},[116,170,131],{"class":130},[116,172,173,175,177],{"class":118,"line":134},[116,174,147],{"class":122},[116,176,127],{"class":126},[116,178,179],{"class":130},"\"{{ site.favicon.toFile.url }}\"\n",[84,181,183,89,186,89,189],{"id":182},"sitetitle",[79,184,185],{},"siteTitle",[91,187],{"className":188,"label":97,"variant":98},[94,95,96],[91,190],{"className":191,"label":70,"variant":98,"color":154},[94,95,96],[27,193,194],{},"The site name next to the favicon, and the part after the separator on the title line. Defaults to the site's own title:",[106,196,198],{"className":108,"code":197,"filename":110,"language":111,"meta":112,"style":112},"type: serp-preview\nsiteTitle: Kirby Tools\n",[79,199,200,208],{"__ignoreMap":112},[116,201,202,204,206],{"class":118,"line":119},[116,203,123],{"class":122},[116,205,127],{"class":126},[116,207,131],{"class":130},[116,209,210,212,214],{"class":118,"line":134},[116,211,185],{"class":122},[116,213,127],{"class":126},[116,215,216],{"class":130},"Kirby Tools\n",[84,218,220,89,223,89,226],{"id":219},"siteurl",[79,221,222],{},"siteUrl",[91,224],{"className":225,"label":97,"variant":98},[94,95,96],[91,227],{"className":228,"label":70,"variant":98,"color":154},[94,95,96],[27,230,231,232,235,236,239],{},"What the URL line starts with. Defaults to the URL Kirby runs under, so a staging install shows its own host until the production one is set here. The page's preview URL path follows, with its language prefix in a multi-language site; a blueprint whose ",[79,233,234],{},"options.preview"," is ",[79,237,238],{},"false"," leaves the line at the site URL:",[106,241,243],{"className":108,"code":242,"filename":110,"language":111,"meta":112,"style":112},"type: serp-preview\nsiteUrl: https:\u002F\u002Fkirby.tools\n",[79,244,245,253],{"__ignoreMap":112},[116,246,247,249,251],{"class":118,"line":119},[116,248,123],{"class":122},[116,250,127],{"class":126},[116,252,131],{"class":130},[116,254,255,257,259],{"class":118,"line":134},[116,256,222],{"class":122},[116,258,127],{"class":126},[116,260,261],{"class":130},"https:\u002F\u002Fkirby.tools\n",[84,263,265,89,268,89,271],{"id":264},"titleseparator",[79,266,267],{},"titleSeparator",[91,269],{"className":270,"label":97,"variant":98},[94,95,96],[91,272],{"className":273,"label":70,"variant":98,"color":154},[94,95,96],[27,275,276,277,280,281,284,285,288],{},"What sits between the page title and the site title. Defaults to an en dash, ",[79,278,279],{},"–",", and is only used when neither ",[79,282,283],{},"titleContentKey"," nor ",[79,286,287],{},"defaultTitle"," supplies a title:",[106,290,292],{"className":108,"code":291,"filename":110,"language":111,"meta":112,"style":112},"type: serp-preview\ntitleSeparator: \"|\"\n",[79,293,294,302],{"__ignoreMap":112},[116,295,296,298,300],{"class":118,"line":119},[116,297,123],{"class":122},[116,299,127],{"class":126},[116,301,131],{"class":130},[116,303,304,306,308],{"class":118,"line":134},[116,305,267],{"class":122},[116,307,127],{"class":126},[116,309,310],{"class":130},"\"|\"\n",[84,312,314,89,316],{"id":313},"titlecontentkey",[79,315,283],{},[91,317],{"className":318,"label":97,"variant":98},[94,95,96],[27,320,321,322,325],{},"The field whose value becomes the title line, followed as the editor types. Name it as it appears in the blueprint; the section lowercases it to match Kirby's content keys. Without it, the title line reads the page title as last saved; ",[79,323,324],{},"titleContentKey: title"," makes it follow the title field instead:",[106,327,329],{"className":108,"code":328,"filename":110,"language":111,"meta":112,"style":112},"type: serp-preview\ntitleContentKey: metaTitle\n",[79,330,331,339],{"__ignoreMap":112},[116,332,333,335,337],{"class":118,"line":119},[116,334,123],{"class":122},[116,336,127],{"class":126},[116,338,131],{"class":130},[116,340,341,343,345],{"class":118,"line":134},[116,342,283],{"class":122},[116,344,127],{"class":126},[116,346,347],{"class":130},"metaTitle\n",[84,349,351,89,353,89,356],{"id":350},"defaulttitle",[79,352,287],{},[91,354],{"className":355,"label":97,"variant":98},[94,95,96],[91,357],{"className":358,"label":70,"variant":98,"color":154},[94,95,96],[27,360,361,362,364],{},"The title to show while the ",[79,363,283],{}," field is empty:",[106,366,368],{"className":108,"code":367,"filename":110,"language":111,"meta":112,"style":112},"type: serp-preview\ntitleContentKey: metaTitle\ndefaultTitle: \"{{ page.title }} – {{ site.title }}\"\n",[79,369,370,378,386],{"__ignoreMap":112},[116,371,372,374,376],{"class":118,"line":119},[116,373,123],{"class":122},[116,375,127],{"class":126},[116,377,131],{"class":130},[116,379,380,382,384],{"class":118,"line":134},[116,381,283],{"class":122},[116,383,127],{"class":126},[116,385,347],{"class":130},[116,387,389,391,393],{"class":118,"line":388},3,[116,390,287],{"class":122},[116,392,127],{"class":126},[116,394,395],{"class":130},"\"{{ page.title }} – {{ site.title }}\"\n",[84,397,399,89,402],{"id":398},"descriptioncontentkey",[79,400,401],{},"descriptionContentKey",[91,403],{"className":404,"label":97,"variant":98},[94,95,96],[27,406,407,408,410],{},"The field whose value becomes the description. Lowercased like ",[79,409,283],{},":",[106,412,414],{"className":108,"code":413,"filename":110,"language":111,"meta":112,"style":112},"type: serp-preview\ndescriptionContentKey: metaDescription\n",[79,415,416,424],{"__ignoreMap":112},[116,417,418,420,422],{"class":118,"line":119},[116,419,123],{"class":122},[116,421,127],{"class":126},[116,423,131],{"class":130},[116,425,426,428,430],{"class":118,"line":134},[116,427,401],{"class":122},[116,429,127],{"class":126},[116,431,432],{"class":130},"metaDescription\n",[84,434,436,89,439,89,442],{"id":435},"defaultdescription",[79,437,438],{},"defaultDescription",[91,440],{"className":441,"label":97,"variant":98},[94,95,96],[91,443],{"className":444,"label":70,"variant":98,"color":154},[94,95,96],[27,446,447,448,450],{},"The description to show while the ",[79,449,401],{}," field is empty. Without either, the snippet has no description line at all:",[106,452,454],{"className":108,"code":453,"filename":110,"language":111,"meta":112,"style":112},"type: serp-preview\ndescriptionContentKey: metaDescription\ndefaultDescription: \"{{ site.metaDescription }}\"\n",[79,455,456,464,472],{"__ignoreMap":112},[116,457,458,460,462],{"class":118,"line":119},[116,459,123],{"class":122},[116,461,127],{"class":126},[116,463,131],{"class":130},[116,465,466,468,470],{"class":118,"line":134},[116,467,401],{"class":122},[116,469,127],{"class":126},[116,471,432],{"class":130},[116,473,474,476,478],{"class":118,"line":388},[116,475,438],{"class":122},[116,477,127],{"class":126},[116,479,480],{"class":130},"\"{{ site.metaDescription }}\"\n",[84,482,484,89,487,89,490],{"id":483},"searchconsoleurl",[79,485,486],{},"searchConsoleUrl",[91,488],{"className":489,"label":97,"variant":98},[94,95,96],[91,491],{"className":492,"label":70,"variant":98,"color":154},[94,95,96],[27,494,495],{},"Adds a button below the snippet that opens the given URL in a new tab. Without it, no button appears:",[106,497,499],{"className":108,"code":498,"filename":110,"language":111,"meta":112,"style":112},"type: serp-preview\nsearchConsoleUrl: https:\u002F\u002Fsearch.google.com\u002Fsearch-console\n",[79,500,501,509],{"__ignoreMap":112},[116,502,503,505,507],{"class":118,"line":119},[116,504,123],{"class":122},[116,506,127],{"class":126},[116,508,131],{"class":130},[116,510,511,513,515],{"class":118,"line":134},[116,512,486],{"class":122},[116,514,127],{"class":126},[116,516,517],{"class":130},"https:\u002F\u002Fsearch.google.com\u002Fsearch-console\n",[519,520,521],"panel-mock",{},[522,523,524,532],"panel-section",{"label":5},[525,526],"panel-serp-preview-snippet",{"description":527,"faviconUrl":528,"siteTitle":529,"siteUrl":530,"title":531},"Kirby Tools builds Panel plugins for editors and developers: AI content generation, translation, SEO analysis and navigation.","\u002Ffavicon.ico","Kirby Tools","https:\u002F\u002Fkirby.tools\u002Fabout","About Kirby Tools – Plugins for the Kirby Panel",[533,534],"panel-button-group",{":buttons":535},"[{\"icon\":\"open\",\"text\":\"Google Search Console\"}]",[60,537,539],{"id":538},"title-and-description-resolution","Title and Description Resolution",[27,541,542],{},"The title line takes the first of these that has a value:",[544,545,547,554,557,561,564,568],"steps",{"level":546},"3",[84,548,550,551,553],{"id":549},"the-titlecontentkey-field","The ",[79,552,283],{}," Field",[27,555,556],{},"Whatever the editor has typed into it, saved or not.",[84,558,559],{"id":350},[79,560,287],{},[27,562,563],{},"The fallback, after its queries are resolved.",[84,565,567],{"id":566},"the-page-title-separator-and-site-title","The Page Title, Separator and Site Title",[27,569,570,571,574],{},"Joined with spaces, so ",[79,572,573],{},"About – Kirby Tools",". The page title here is the saved one, so this line only changes on save.",[27,576,577],{},"The description takes the first of these that has a value, and is left out entirely when neither does:",[544,579,580,585,588,592],{"level":546},[84,581,550,583,553],{"id":582},"the-descriptioncontentkey-field",[79,584,401],{},[27,586,587],{},"Whatever the editor has typed into it.",[84,589,590],{"id":435},[79,591,438],{},[27,593,563],{},[27,595,596,597,52],{},"Both lines are clamped the way Google clamps them – one line for the title, two for the description. To shorten the text itself rather than clip it, see ",[34,598,16],{"href":17},[600,601,602],"style",{},"html pre.shiki code .sovSZ, html code.shiki .sovSZ{--shiki-light:#22863A;--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sxrX7, html code.shiki .sxrX7{--shiki-light:#24292E;--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sIIMD, html code.shiki .sIIMD{--shiki-light:#032F62;--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":112,"searchDepth":134,"depth":134,"links":604},[605,627],{"id":62,"depth":134,"text":63,"children":606},[607,609,611,613,615,617,619,621,623,625],{"id":86,"depth":388,"text":608},"label ",{"id":144,"depth":388,"text":610},"faviconUrl  ",{"id":182,"depth":388,"text":612},"siteTitle  ",{"id":219,"depth":388,"text":614},"siteUrl  ",{"id":264,"depth":388,"text":616},"titleSeparator  ",{"id":313,"depth":388,"text":618},"titleContentKey ",{"id":350,"depth":388,"text":620},"defaultTitle  ",{"id":398,"depth":388,"text":622},"descriptionContentKey ",{"id":435,"depth":388,"text":624},"defaultDescription  ",{"id":483,"depth":388,"text":626},"searchConsoleUrl  ",{"id":538,"depth":134,"text":539,"children":628},[629,631,632,633,635],{"id":549,"depth":388,"text":630},"The titleContentKey Field",{"id":350,"depth":388,"text":287},{"id":566,"depth":388,"text":567},{"id":582,"depth":388,"text":634},"The descriptionContentKey Field",{"id":435,"depth":388,"text":438},"Every blueprint property the SERP Preview section takes, and the order in which it resolves the title and the description.","md",{},true,{"title":12,"description":636},"xkdiR6vhvMAH0z52amGC3lte0XVTVcR2guBRrmEEXpM",[53,643],{"title":16,"path":17,"stem":18,"description":644,"children":-1},"Shorten or clean the title and description before the snippet draws them, with a closure in your config.",1788798195385]