{"id":11822,"date":"2026-07-18T02:13:41","date_gmt":"2026-07-17T18:13:41","guid":{"rendered":"http:\/\/longzhuplatform.com\/?p=11822"},"modified":"2026-07-18T02:13:41","modified_gmt":"2026-07-17T18:13:41","slug":"visual-semantics-the-missing-piece-of-topical-authority","status":"publish","type":"post","link":"http:\/\/longzhuplatform.com\/?p=11822","title":{"rendered":"Visual semantics: The missing piece of topical authority"},"content":{"rendered":"

<\/p>

SEO has long focused on what a page says. Increasingly, it also needs to account for how that information is presented. <\/p>

As Google gets better at understanding page layout, structure, and functionality, visual semantics is becoming an important part of how search engines interpret webpages.<\/p>

What is visual semantics?<\/h2>

Visual semantics is a meaning model for segmenting, classifying, and understanding documents by working alongside textual semantics. <\/p>

Google is changing how it interprets web documents, shifting from \u201cweb text\u201d to \u201cweb layout\u201d to better identify real expertise, uniqueness, and originality by giving more weight to the functional components of a webpage.<\/p>

Google\u2019s Quality Rater Guidelines cite \u201chuman effort and involvement\u201d as one of the most important quality principles, with \u201cdesign effort\u201d identified as one aspect of that evaluation. <\/p>

Webpage layout has always been an important part of SEO, dating back to Google\u2019s Page Layout algorithms. Those early algorithms focused primarily on ad placement and simple document-ranking signals, unlike today\u2019s more sophisticated approaches to understanding webpages.<\/p>

Be the brand customers find first<\/span>. <\/p>

Track, grow, and measure your visibility across Google, AI search, social, local, and every channel that influences buying decisions. <\/p> <\/p><\/div>

Start your free trial<\/span> <\/p> <\/p><\/div>

Why Google is paying more attention to page layout<\/h3>

Google has introduced newer inventions and patents that highlight the importance of understanding webpage layout. Most webpages are no longer built with only prose or simple text-over-text layouts. Instead, they contain much denser information.\u00a0<\/p>

Every 10 to 20 pixels can introduce a new interaction point, engagement element, clickable module, comparison unit, or dynamic component designed to help users.<\/p>

That\u2019s why some of Google\u2019s leading engineers, including those who have worked on Gemini and AI Mode, are also associated with newer inventions such as Structured Information Cards and layout-aware multimodal document understanding.<\/p>

Below is a direct citation from Google\u2019s work on structured information cards and layout-aware multimodal document understanding. Google often finds important information within interactive card structures rather than ordinary paragraphs.\u00a0<\/p>

As a result, it needs systems that can understand how different card types are structured, including product cards, hotel cards, real estate cards, trip cards, credit card cards, and other information cards.<\/p>

In other words, modern search engines must understand not only the text on a page but also the layout, hierarchy, visual relationships, annotations, and functional meaning of each structured information block.<\/p>

\"A\"A
A citation from Google\u2019s \u201cLayout-aware Multimodal Document Understanding\u201d patent<\/em><\/figcaption><\/figure> <\/div>

Why layout matters for search engines<\/h3>

Understanding structured information cards and layout-aware document interpretation requires neural networks, and possibly a new type of LLM, that can \u201cverbalize\u201d web documents with annotations and high-confidence citations.<\/p>

Google can\u2019t reliably rank a flight booking website, a credit card application aggregator, or similar platforms without understanding the data embedded in these documents.\u00a0<\/p>

Much of that data is presented through uniquely designed card structures, comparison modules, tables, and interactive layouts rather than plain text.<\/p>

Below is an early example of document layout understanding from Microsoft called ViPS, which Google has also cited.<\/p>

Later, Google patented an alternative approach based on HTML-heavy segmentation.<\/p>

Both approaches are closely related and rely heavily on HTML to determine which text belongs to each section, component, entity, or visual block on a page.<\/p>

With the rise of embedding-based algorithms, concepts such as \u201cchunking\u201d have become widely discussed in the SEO industry.\u00a0<\/p>

However, many discussions about text or document chunking miss a critical point: Chunking isn\u2019t only a linguistic process. It\u2019s also a layout-aware and structure-aware process.<\/p>

If a document isn\u2019t visually segmented and structurally understandable to search engines, the content itself becomes harder to interpret. In that case, it doesn\u2019t matter how many entities, predicates, triples, or entity relationships you include, or how accurate they are.\u00a0<\/p>

Search engines still need to understand where each piece of information belongs, how it relates to the surrounding elements, and which visual or functional component gives it meaning.<\/p>

Dig deeper: Image SEO for multimodal AI<\/em><\/strong><\/p>

How centerpiece annotation affects rankings<\/h3>

In modern search, information quality alone isn\u2019t enough. Information also needs to be presented within a layout that helps machines understand its boundaries, hierarchy, context, and purpose.<\/p>

Google explained this concept through \u201ccenterpiece annotation,\u201d describing visual annotations that help its systems better understand a document.<\/p>

Martin Splitt from Google said the \u201ccenterpiece annotation\u201d represents the \u201cprimary content\u201d of a webpage.\u00a0<\/p>

Later, documents disclosed during Google\u2019s antitrust case showed that centerpiece annotation was also used to classify and rank news documents.\u00a0<\/p>

The centerpiece annotation was primarily limited to about 400 characters, though those documents also reveal several other noteworthy details.<\/p>

For example, below you can see how Google extracts the centerpiece annotation from HTML. The sentence is interrupted by unnecessary HTML elements, such as Facebook, email, Twitter (X), and Google+ share buttons.<\/p>

\"HTML\"HTML<\/figure> <\/div>

In the next example from Google\u2019s DOJ documents, proper HTML structure prevents share-button boilerplate from interrupting the centerpiece annotation, allowing Google to extract the content correctly.<\/p>

\"Image\"Image<\/figure>

What visual semantics looks like in practice<\/h2>

Below is a simple SEO case study. Although it involved 19 changes, the biggest ranking improvement came from one simple adjustment: moving a calculator component from the bottom of the page to the top, making it the centerpiece annotation.<\/p>

\"Image\"Image<\/figure> <\/div>

The results of that change are shown below.<\/p>

Metric<\/strong><\/td> Previous<\/strong><\/td> Current<\/strong><\/td> Increase \/ Change<\/strong><\/td> Success %<\/strong><\/td> <\/tr>
Total clicks<\/strong><\/td> 3.47 million<\/td> 4.53 million<\/td> +1.06 million clicks<\/strong><\/td> +30.5%<\/strong><\/td> <\/tr>
Total impressions<\/strong><\/td> 84.1 million<\/td> 167 million<\/td> +82.9M impressions<\/strong><\/td> +98.6%<\/strong><\/td> <\/tr>
Average CTR<\/strong><\/td> 4.1%<\/td> 2.7%<\/td> -1.4 percentage points<\/strong><\/td> -34.1%<\/strong><\/td> <\/tr>
Average position<\/strong><\/td> 8.9<\/td> 8.5<\/td> Improved by 0.4 positions<\/strong><\/td> +4.5% improvement<\/strong><\/td> <\/tr> <\/tbody> <\/table> <\/figure>

This project closely connects visual semantics and textual semantics because it\u2019s a programmatic SEO case study involving more than 100,000 pages. <\/p>

At that scale, even a small sentence edit, component update, or layout adjustment is multiplied across every URL. That\u2019s why Google re-crawled the entire website after the layout changes and why impressions and clicks increased afterward.<\/p>

The project is a converter website that ranks for queries such as \u201c2m to cm\u201d and millions of similar numeric and metric variations. In this type of search environment, more than 10,000 competing websites provide essentially the same data and the same answer.<\/p>

These websites have the same topical coverage and factual accuracy. The competitive advantage doesn\u2019t come from providing a better answer because \u201c1 meter to cm\u201d has the same value everywhere. <\/p>

It comes from retrieval cost, document understanding efficiency, internal PageRank distribution, and how clearly the answer is presented for Google\u2019s initial ranking systems.<\/p>

In these types of queries, you can\u2019t differentiate yourself by changing the answer. You differentiate yourself by changing how the answer is structured, annotated, prioritized, and visually presented.<\/p>

That\u2019s why changing the centerpiece annotation caused Google to reprocess the layout, rerank the pages, and further improve the site\u2019s rankings.<\/p>

Dig deeper: How to make products machine-readable for multimodal AI search<\/em><\/strong><\/p>

What is the cost of retrieval, and how does it relate to visual semantics?<\/h2>

\u201cThe cost of ranking a document\u201d can\u2019t be higher than the \u201ccost of not ranking a document.\u201d I introduced this concept years ago in one of my conference presentations. Google cares about search quality, but its systems also weigh quality against cost. If a website costs more to process than its quality justifies, Google will look for an alternative.<\/p>

Google reduced the HTML file size limit to 2 MB and carried out large-scale deindexing following the December 2025 core update.<\/p>

At the same time, it sent a clear signal to websites that scale AI-generated content without meaningful human effort. Google appears less tolerant of practices it accepted for years, and its indexing decisions are likely to become even more selective.<\/p>

Retrieval costs increase when a webpage doesn\u2019t clearly explain itself or fails to demonstrate sufficient relevance and responsiveness, especially around the \u201ccenterpiece annotation.\u201d Google\u2019s Content Warehouse API leak suggests the company truncates documents and predicts quality based on initial signals. If a document doesn\u2019t meet relevance and responsiveness thresholds during those early evaluations, it won\u2019t be considered a candidate.<\/p>

\"Image\"Image<\/figure> <\/div>

During Google\u2019s antitrust trial, Pandu Nayak, then Google\u2019s vice president of Search, explained that Google doesn\u2019t run its most computationally expensive algorithms on every webpage because it lacks sufficient click data. Instead, it first evaluates core topicality signals to determine whether a page is worth indexing and keeping as a candidate.<\/p>

Nayak also explained that RankBrain-like algorithms are expensive to run, so Google reserves them for results that have at least one click, demonstrate strong topicality, and include annotations that justify the investment in crawling, rendering, evaluation, and further processing.<\/p>

\"Image\"Image<\/figure>

In other words, classifying documents by their layout, components, and structured information cards is a more efficient way to reduce retrieval costs while improving search quality.<\/p>

Today, most large-scale content publishers rely on AI to generate more text. Far fewer invest in front-end and back-end systems that improve user engagement, interaction, and document understanding.<\/p>

That distinction increasingly separates low-quality and high-quality sources. Low-quality sources primarily scale text. High-quality sources scale systems, layouts, components, structured information cards, and user interactions that help both users and search engines understand content more efficiently.<\/p>

Below is Google\u2019s concept of website representation vectors.<\/p>

Google classifies websites using visual and layout-related embeddings and features to determine whether they resemble expert, apprentice, or amateur sources.<\/p>

\"Image\"Image<\/figure>
  • \u201cFor instance, the website classifications may include a first category of websites authored by experts in the knowledge domain (for example, doctors), a second category authored by apprentices (for example, medical students), and a third category authored by laypersons\u2026\u201d<\/li> <\/ul>

    <\/p>

    Get the newsletter search marketers rely on.<\/p> <\/p><\/div> <\/p><\/div> <\/div>

    <\/p>

    How does Google\u2019s helpful content system relate to visual semantics?<\/h2>

    The helpful content system is a classifier that identifies which websites genuinely provide helpful information or meaningful engagement and which only imitate usefulness without fulfilling the searcher\u2019s underlying intent.<\/p>

    Much of the SEO industry\u2019s analysis of the helpful content system has focused on textual features. Early discussions centered on keyword stuffing, gibberish content, or adding \u201cunique information\u201d to improve information gain. However, many of the system\u2019s algorithms appear to focus on the function and type of a source.<\/p>

    Google first classifies websites by their type rather than their content quality. That means the same content can rank differently on an affiliate website than it does on an ecommerce website.\u00a0<\/p>

    So how does Google distinguish among affiliate sites, aggregators, service providers, ecommerce sites, and SaaS platforms? The answer is visual semantics. What a page can do, or can\u2019t do, is largely determined by its layout and page components.<\/p>

    The biggest distinction between relevance and responsiveness comes from engagement, not understanding.<\/p>

    \"Classifying\"Classifying
    Classifying search results by their page elements<\/em> helps Google understand what type of document it\u2019s evaluating<\/em><\/em><\/figcaption><\/figure>

    Google created systems such as neural matching to align the entity type and entity ID in a query with the most relevant documents. In simple terms, if the entity in the query doesn\u2019t match the entity in the document, that page becomes less likely to rank. This is primarily about relevance.<\/p>

    \"Image\"Image<\/figure>

    Relevance alone isn\u2019t enough. A document may rank because it\u2019s relevant, but if it doesn\u2019t support meaningful user actions, such as purchasing, comparing, ordering, reviewing, filtering, or watching, it isn\u2019t responsive to the user\u2019s actual task.<\/p>

    That\u2019s why the helpful content system shouldn\u2019t be viewed only as a system that evaluates page text. It also evaluates page function. A helpful page isn\u2019t simply one that contains relevant words. It\u2019s one that helps users complete the action, decision, or information-seeking task behind the query.<\/p>

    \"Image\"Image<\/figure> <\/div>

    Google reinforced this idea by adding \u201cmisleading functionality\u201d to its spam policies after the Helpful Content updates. A page can appear helpful by imitating a function without actually providing it. <\/p>

    For example, a page may suggest users can compare, filter, calculate, book, review, or purchase something even though those functions don\u2019t genuinely exist. In those cases, the page may appear functional to both users and algorithms, but it isn\u2019t truly responsive to the user\u2019s task.<\/p>

    Google doesn\u2019t classify websites only by page layout and design. It also appears to apply result-type constraints within the SERP. For example, a query such as \u201cbest women\u2019s glasses\u201d may return listicles, ecommerce category pages, product grids, videos, and commercial guides in the same results page.<\/p>

    To satisfy multiple search intents, Google can apply diversity constraints that limit how many ecommerce pages, listicles, videos, or other result types appear together.<\/p>

    Google\u2019s DOJ documents include functions such as \u201cmax_total\u201d and \u201cBlogCategorizer,\u201d which show how Twiddlers can classify results and limit the number of pages from the same cluster, category, or source type.<\/p>

    A similar annotation appears in the Google Content Warehouse API leak through the \u201cWebrefFatcatCategory\u201d module, which assigns categorical weight to a result.<\/p>

    In other words, Google doesn\u2019t simply rank documents individually. It also classifies, clusters, and constrains results based on page type, source category, and categorical diversity. As a result, a page may be relevant enough to rank but still be limited by the overall composition of the SERP.<\/p>

    \"Image\"Image<\/figure> <\/div>

    Even when a generated ranked entity list, such as a \u201cbest products\u201d page, ranks successfully, it doesn\u2019t rank simply because it\u2019s a blog article. It ranks because it functions as a commercial resource. It helps users compare, evaluate, filter, review, and move closer to a decision. In that sense, Google can rank nonfunctional content when it effectively serves a functional category.<\/p>

    Viewed through this lens, \u201chelpful\u201d in the context of the helpful content system is closely aligned with \u201cfunctional.\u201d<\/p>

    The following case study demonstrates this principle. We moved identical content from an affiliate website to an ecommerce website, supported it with an integrated topical map, and saw rankings improve almost immediately.<\/p>

    \"The\"The
    The content itself didn\u2019t change. What changed was the function, context, and source type surrounding it. By placing the same information within a more functional, commercial, and task-oriented environment, Google interpreted the document as more useful for the user\u2019s search activity.<\/em><\/figcaption><\/figure> <\/div>

    How is click data used to rerank search results through visual semantics?<\/h2>

    Google increasingly understands the purpose of a webpage through its layout, not just its text. As a result, click data is aggregated according to the type of source. Many SEOs assume that long clicks, or longer dwell times, signal quality.\u00a0<\/p>

    However, that\u2019s not always true, according to Google\u2019s research. Depending on the category, shorter dwell times can indicate a successful experience, while longer sessions may signal an \u201cengagement trap.\u201d<\/p>

    Below is Google\u2019s reranking model, which applies different ranking and rank-modification models based on user behavior captured by its tracking components.<\/p>

    Another example comes from Google\u2019s \u201cMerging Search Engine Results\u201d patent, alongside the \u201cTwiddler\u2019s anatomy\u201d diagram revealed in the DOJ documents.<\/p>

    Google also uses the concept of the \u201cLife of a Click\u201d to help engineers understand how search ranking algorithms interpret user behavior.<\/p>

    \"Image\"Image<\/figure> <\/div>

    Taken together, these systems suggest that click data becomes a more meaningful classification signal when interpreted alongside a webpage\u2019s design rather than through text alone.<\/p>

    Classifying documents by their visual structure can be more efficient than analyzing millions of documents, billions of word tokens, co-occurrences, named entity resolutions, attribute extractions, and value corrections.<\/p>

    If certain document layouts consistently generate stronger user satisfaction, Google can classify those pages as more helpful or functional. It can then use those signals to identify other documents with similar layout patterns, component structures, and interaction models.<\/p>

    This means topical authority doesn\u2019t come only from a topical map that defines which topics to cover. It also comes from understanding which page layouts, component structures, information cards, comparison modules, and functional designs best match each topic, query, and search activity.<\/p>

    A proper topical map shouldn\u2019t define only entities, attributes, predicates, and contextual relationships. It should also define the page type and functional layout needed to satisfy both relevance and responsiveness.<\/p>

    This leads to the concepts of coverage and domain-level classification. The following three examples illustrate this approach.<\/p>

    The first example is AudioToText.com, a sub-brand built around a single topic.<\/p>

    \"Image\"Image<\/figure>

    GSC Metrics of Audiototext.com. The third-party Semrush data is shown below.<\/p>

    \"Image\"Image<\/figure>

    Despite covering only one topic across 12 languages, or 13 pages in total, the site continues to grow in search visibility for three reasons:<\/p>

    • Its exact-match domain reinforces relevance.<\/li>
    • Its visual semantics improve responsiveness.<\/li>
    • It earns its first clicks quickly, allowing Google to run more computationally expensive ranking systems sooner.<\/li> <\/ul>

      Click satisfaction from the other language versions may also reinforce the English version through cross-lingual information retrieval.\u00a0<\/p>

      Google can use webpage layout understanding and chain-of-reasoning to classify AudioToText.com as a \u201cno-signup transcription tool\u201d and rank it in AI Overviews. This suggests Google isn\u2019t only reading the text. It\u2019s also interpreting the page\u2019s function, visual annotations, and interaction model.<\/p>

      In other words, Google can use agentic retrieval based on visual signals to understand what a page does and determine whether it deserves to rank for a specific query.<\/p>

      \"Image\"Image<\/figure>

      The Audiototext.com\u2019s single-page topical map representation with the fundamentals are below.<\/p>

      \"Image\"Image<\/figure>

      The webpage was designed with minimal text while placing its primary conversion element, the content upload component, above the fold. <\/p>

      If that component were moved lower on the page or made smaller, rankings would likely decline, and text changes alone wouldn\u2019t be enough to recover them.<\/p>

      Another example is attorneys.lexinter.net, which ranks primarily through a subdomain because its core content was moved there together with a filtering engagement component. <\/p>

      The primary domain didn\u2019t meet the required thresholds, but moving the content to a subdomain with additional functional elements produced better results.<\/p>

      \"Image\"Image