logo

Keep Words You Translate on Websites With Spaced Repetition

·by WordByWord Team
18 min read
Keep Words You Translate on Websites With Spaced Repetition

Yes, you can translate individual words on any website with one click, save each one to a studyable collection, and review it later with spaced repetition. This works on regular web pages, selectable text in PDFs, and YouTube captions. A browser extension can support this workflow, so lookup and long-term retention happen in the same tool.


TL;DR:

  • Saving words with context and tagging them by topic enhances long-term retention and avoids confusion from multiple related forms.
  • Using sentence-level translation or AI analysis for ambiguous words improves accuracy, especially for verbs with multiple meanings.
  • Dynamic website content requires tools with MutationObserver or iframe handling to ensure ongoing translation during infinite scrolling or content updates.
  • Machine translation is reliable for quick word lookups, but longer sentences and idiomatic expressions still benefit from human review in complex cases.
  • Privacy-conscious settings favor extensions with site-specific permissions and local storage, especially when handling multilingual SEO or sensitive content.

WordByWord
Turn Lookups Into Lasting Vocabulary
Translate words on websites, PDFs, and YouTube subtitles, then save them for spaced repetition review in WordByWord.
Explore WordByWord

Table of Contents

How Inline, One-Click Translation and Saving Works

Most word-translation extensions give you two entry points: hover and select. Hovering over a word triggers an instant tooltip translation, good for a quick check. Selecting a phrase or full sentence expands the lookup into context, which matters because “run” means something different in “run a marathon” versus “run out of milk.” A tool that only translates isolated words misses that distinction entirely.

The saving step is where the real value shows up. Instead of just seeing a translation and forgetting it, one click drops the word into a collection, where you can tag it by topic, add a personal note, or attach the sentence it came from. Collections can be filled manually, generated by AI from a prompt, or imported from Anki, Quizlet, or a spreadsheet through CSV.

Once a word lands in a collection, it can become a flashcard. From there it can show up in typing drills, listening exercises, sentence-builder tasks, or a fast-paced sprint mode, all scheduled by spaced repetition rather than a fixed order.

Here’s what a five-minute session actually looks like:

  • Read a news article in your target language and hover over three unfamiliar words.
  • Click to save each one, adding a one-word tag like “news” or “politics.”
  • Open the flashcard queue that evening and run a two-minute typing drill on just those three words.
  • Check back in three days when the spaced-repetition schedule resurfaces them.

That loop, lookup, save, review, is the entire mechanism. Nothing about it requires a separate study session carved out of your day.

Quick Setup: Install and Configure an Extension Safely

Getting started takes less time than reading this section. Most translation extensions ask for a small, predictable set of permissions, and understanding what each one does makes the install feel less like a leap of faith.

  1. Install the extension from your browser’s store and pin it to the toolbar for one-click access.
  2. Review the permissions prompt. Extensions typically request storage (to save your words), host permissions (to read text on pages you visit), and sometimes optional permissions for specific sites or features. Chrome’s own documentation on extension permissions explains why optional host permissions exist: they let you grant page access selectively instead of blanket-approving every site up front.
  3. Set your target language and, if you’re studying more than one, confirm the extension can track vocabulary separately per language.
  4. Turn on OCR or caption access if you plan to translate PDFs or burned-in video subtitles.
  5. Assign a keyboard shortcut for faster lookups if the extension supports one.

Pro Tip: If a site blocks content scripts (common on banking portals or some paywalled news sites), the extension usually still works fine everywhere else. Don’t judge the whole tool by one stubborn domain.

If lookups stop working on a specific site, check whether the page uses aggressive script blocking or loads content in an iframe. That’s the usual culprit.

A Study Workflow That Turns Incidental Lookups into Long-Term Learning

Looking up a word and forgetting it five minutes later is the default outcome of casual reading. What changes that outcome is active involvement: the act of deciding a word matters enough to save, tag, and revisit. This idea has a name in applied linguistics, the Involvement Load Hypothesis, and it predicts that deeper cognitive engagement with a word, beyond just reading its translation, makes it stick.

Vocabulary lookup to spaced review workflow

The review side matters just as much as the saving side. Spaced retrieval practice, tested extensively in cognitive psychology, can produce up to a 200% improvement in long-term retention compared with cramming the same material in one sitting. That’s not a marginal edge. It’s the difference between a word you recognize once and one you actually own.

A realistic weekly routine looks like this:

  • Monday to Friday: Read or watch 15 to 20 minutes of real content, saving a moderate number of new words per session.
  • Every evening: Run a five-minute review of whatever the spaced-repetition schedule surfaces that day.
  • Weekend: One longer 15-minute session mixing new material with older review items.

Tagging each word with its source sentence and a short personal note isn’t busywork. Context synthesis, encountering the same word across different real-world contexts, builds a more flexible understanding than any single dictionary definition can. Save the sentence, not just the word, and the flashcard later reminds you of the exact situation where it mattered.

Using Videos and PDFs: Captions, OCR, and Glossary Strategies

YouTube captions and PDF text don’t behave the same way, so the capture method has to adapt. Selectable YouTube captions let you click a word mid-sentence the same way you would on a webpage. Burned-in subtitles, common in older videos or certain regional content, need OCR to read the frame and extract text before translation can happen at all.

There’s a research-backed reason to be picky about which captions you rely on. A controlled study on caption types found that glossed captions outperformed full captions for incidental vocabulary learning, and cognitive-load research explains why: full captions in a foreign language can overwhelm working memory, so learners end up reading rather than noticing new words. A hover-based gloss on just the unfamiliar term keeps attention where it belongs.

A practical capture routine for video or PDF study:

  • Pause on the caption line containing an unfamiliar word rather than pausing mid-word.
  • Save the word along with the full sentence it appeared in, not just the isolated term.
  • Add a timestamp for video or a page number for PDFs, so you can find the original context later.
  • Check the comprehension level of a video or document before committing 20 minutes to it. If most of the vocabulary is already familiar, skip ahead to something with more unknowns.

That last step avoids the common trap of studying content that’s either too easy to teach you anything or so far above your level that lookups outnumber actual reading.

Advanced Tips: Inflection-Aware Mastery, Provider Switching, and Privacy-First Settings

Marking a word “mastered” should ideally cover its common inflections too, not just the exact form you looked up. Inflection-aware tagging lets a base lemma, like the verb “correr” in Spanish, absorb related forms such as “corriendo” or “corrí” automatically, so your review queue doesn’t fill up with five near-duplicate cards for the same root idea. This is one of the more overlooked distinctions between a basic dictionary tool and a proper vocabulary system.

For most lookups, a simple hover gloss is enough. Save it for cases where a word carries genuine ambiguity, like idioms or words with multiple unrelated meanings, and switch to a fuller contextual translation only there.

Pro Tip: Extensions that request broad “all sites” access aren’t automatically unsafe, but privacy-conscious learners usually prefer optional host permissions and local-first storage where the tool offers a choice.

Batch workflows round out the power-user toolkit: CSV export lets you back up a collection outside the extension, and AI-generated collections built from a prompt (say, “50 words about cooking”) save the manual work of building a themed list word by word.

Methods for Detecting and Handling Dynamic Website Content

Modern websites rarely load as one static block of text. Single-page applications, the architecture behind most social feeds, news sites with infinite scroll, and web-based email clients, render content dynamically as you scroll or click, which means a translation tool has to watch the page rather than just scan it once.

The technical approach most extensions use is a MutationObserver, a browser API that detects when new elements get added to a page’s structure after the initial load. Without this, a word translator would only work on whatever text existed the instant the page opened, and go silent the moment you scroll to load more content.

This matters practically because single-page apps like social platforms, webmail, and many news sites now make up a huge share of daily reading. A translation tool that can’t detect newly injected text becomes useless the moment infinite scroll kicks in.

There’s a secondary challenge worth knowing about: some dynamic sites render text inside a shadow DOM or an iframe, both of which sandbox content away from the rest of the page. A translation extension needs explicit handling for these cases, or lookups simply stop working inside embedded widgets, comment sections, or chat panels. If a word suddenly stops responding to hover on an otherwise-working site, an iframe boundary is often the reason.

Machine Translation vs. Human Translation Quality on Websites

For single-word and short-phrase lookups, the kind of translation this whole workflow depends on, machine translation is close to ideal: fast, consistent, and available instantly on any page you’re reading. It handles vocabulary, common phrases, and straightforward sentence structures reliably.

Where machine translation shows real limits is longer-form nuance: idioms, cultural references, sarcasm, and sentences where word order carries meaning that doesn’t map cleanly between languages. A professional human translator catches that a French idiom doesn’t translate literally, where a machine might render it word for word and lose the point entirely.

For a language learner doing word-level lookups, though, this distinction rarely matters. You’re not translating a legal contract or a marketing campaign, you’re identifying what a single unfamiliar word means in the sentence in front of you. Machine translation’s speed advantage, giving you an answer in under a second without breaking your reading flow, outweighs the edge cases where nuance gets lost. Save the word, note the sentence, and if the translation feels off in context, that’s exactly the kind of ambiguous case worth flagging for a second look rather than trusting blindly.

Techniques for Translating Website UI Elements Like Menus and Buttons

Menus, buttons, and navigation labels are a different translation problem from body text, and it’s worth understanding why, even if it’s not the focus of a vocabulary-building workflow. UI strings are short, often just one or two words (“Submit,” “Cancel,” “Settings”), and they carry almost no surrounding context to disambiguate meaning.

Developers who localize interfaces typically rely on translation memory systems and glossaries that lock a specific UI term to one approved translation across the entire site, so “Submit” doesn’t turn into three different words on three different pages. That consistency matters for usability in ways it doesn’t for reading comprehension.

For a learner using a word-translation extension, UI elements aren’t usually the target anyway. The vocabulary worth saving lives in the article body, the video caption, or the PDF paragraph, not the navigation bar around it. A well-built extension recognizes this distinction implicitly: hovering over body text triggers a lookup, while menus and buttons are typically left alone since they’re functional labels rather than content to study. If an extension does translate every button label indiscriminately, that’s usually a sign it’s built for full-page translation rather than targeted vocabulary lookup, a different tool for a different job.

Approaches to Context-Sensitive Word Translation on Websites

The word “light” means something different in “turn on the light,” “light backpack,” and “light beer,” and a translation tool that ignores this ends up teaching the wrong meaning half the time. Context-sensitive translation solves this by expanding the lookup window beyond the single clicked word.

The simplest version selects the full sentence surrounding a word before sending it for translation, giving enough surrounding structure to disambiguate. A more advanced version uses large language models to analyze grammatical role, so the same base word gets translated differently depending on whether it’s functioning as a noun, verb, or adjective in that specific sentence.

There’s a practical tradeoff here worth knowing about. Instant hover translation is fast but sometimes wrong on ambiguous words. Sentence-level or LLM-powered analysis is slower but far more accurate on tricky cases. The right move is knowing when to escalate: for a straightforward noun like “table,” a quick hover gloss is fine. For a verb with five possible meanings, selecting the full sentence and letting a more thorough translation model weigh in saves you from saving the wrong meaning to your collection, which is worse than not saving the word at all.

This is also where saving the source sentence alongside the word pays off later. If a translation turns out ambiguous on review, having the original context lets you resolve it yourself instead of guessing.

Integration of Translation APIs for Real-Time Website Translation

Every inline translation extension runs on a translation API behind the scenes, a service that takes text and a target language and returns a translation in a fraction of a second. The two dominant approaches are neural machine translation services (the kind that power most consumer translation tools) and, increasingly, large language model APIs that can handle context and ambiguity more gracefully than older systems.

The integration challenge isn’t really the translation itself, it’s speed and cost at scale. A single word lookup needs to feel instantaneous, which means the API call has to complete in well under a second, and if a browser extension has thousands of active users all triggering lookups constantly, the cost of every API call adds up fast. This is part of why many extensions cap free-tier usage and reserve more advanced context-aware translation for paid plans.

Real-time performance also depends on caching. A well-built extension doesn’t call the API fresh for every hover on a word it’s already translated recently, it stores that result locally for a short window and reuses it. This keeps lookups fast even on slow connections and reduces unnecessary API load. For a learner, none of this is visible day to day, but it’s the reason some extensions feel instant while others introduce a noticeable lag between hovering and seeing a translation appear.

Challenges and Solutions for Multilingual SEO When Translating Website Text

This one’s less about the learner experience and more about the sites learners read every day, but it’s worth understanding since it shapes what content is even available to translate. Sites that publish in multiple languages face a genuine search visibility problem: search engines need to know which language version of a page to show which searcher, and getting that wrong means the wrong audience finds the wrong version, or worse, search engines flag near-duplicate content across language versions as low quality.

The standard technical fix is the hreflang tag, an HTML attribute that tells search engines exactly which language and regional variant a given page targets. Sites that skip this, or implement it inconsistently, often see their non-English content underperform in search results even when the translation quality itself is excellent.

There’s a content-strategy layer to this too, distinct from the technical markup. Good multilingual SEO content doesn’t just translate a page word for word, it adapts phrasing, keyword targeting, and even examples for how a topic is actually searched in each language, since direct translation often misses how native speakers phrase queries. Resources on multilingual SEO content strategy cover this adaptation process in more depth.

For learners, the upshot is practical: well-localized multilingual sites tend to have more natural, idiomatic writing in your target language, which makes for better source material than a page that was machine-translated once and left untouched. Content quality on the page you’re reading directly affects the quality of the vocabulary you’re pulling from it.

Challenges and Solutions for Multilingual SEO When Translating Website Text — overview diagram

A Note from the WordByWord Team

We built Spotlight mode and comprehension level because incidental lookup and deliberate study are usually treated as separate activities, and that separation is exactly where vocabulary gets lost. The research on captioned viewing and involvement load told us that saving a word with context beats a passive glance every time. Collections and spaced-repetition flashcards exist to close that gap. For deeper workflow guides, see our posts on hover translation and building a personal vocabulary list.

— WordByWord Team

Install WordByWord and Start Translating Words on Any Page

This tool puts inline translation, saving, and spaced-repetition review inside one extension, so you’re not juggling a dictionary app, a separate flashcard tool, and a notes document just to build vocabulary from what you’re already reading and watching.

WordByWord

Getting started takes under two minutes. Install the WordByWord extension for web pages, PDFs, and YouTube captions, pick your target language, and save your first five words from whatever you’re reading right now. Everything you save feeds automatically into flashcards through the vocabulary trainer, scheduled by spaced repetition rather than a fixed lesson plan. The Free Forever plan covers core lookup, saving, and review with no time limit, and Premium at $5.99 per month removes the usage caps if you outgrow them. Install it, open a page in your target language, and save your first word.

Research and Resources

The workflow described here draws on the captioned viewing meta-analysis, spaced retrieval retention evidence, and the Smart Subtitles hover-gloss study. For subtitle-specific workflows, see our guide on subtitle translators for YouTube.

Sources

FAQ

Can I Translate Words on PDFs, Not Just Web Pages?

Yes, extensions that support OCR can extract and translate text from non-selectable PDF pages, in addition to regular selectable text. WordByWord’s extension handles both PDFs and web pages within the same save-and-review flow.

Do I Need to Understand the Whole Sentence to Save a Word?

No, but saving the sentence alongside the word helps significantly. Context synthesis across multiple real sentences builds stronger word knowledge than an isolated definition, according to research on contextual distribution.

How Many New Words Should I Save Per Day?

Five to ten words per session is a sustainable target for most learners, paired with a short daily review. Spaced retrieval practice can improve long-term retention by up to 200% compared with cramming the same material once.

Is It Safe to Give a Translation Extension Access to Every Website I Visit?

Extensions typically request host permissions to read page text, and many offer optional, site-by-site permissions instead of blanket access, as outlined in Chrome’s extension permission model. Choosing optional permissions where available limits access to only the sites you approve.

What Does WordByWord Cost?

WordByWord offers a Free Forever plan with no time limit at $0 per month, covering core translation, saving, and review. Premium is $5.99 per month and removes usage limits on collections and AI-powered exercises, detailed on the WordByWord site.

Request a feature

What should we add or fix? We read every message and send a little gift for the idea.

0 / 4000