A permanent redirect that tells browsers and search engines a page has moved to a new URL forever. This is essential for maintaining SEO value when restructuring your site or changing URL patterns. In Framer, configure 301 redirects in your site settings under the Redirects section to preserve link equity from old URLs.

An HTML attribute that provides accessible names for elements that lack visible text labels, helping screen readers describe interactive elements. These are essential for icon buttons, decorative links, and complex widgets where the visual context isn’t available to assistive technology. Use aria-label when there’s no visible text, and aria-labelled by to reference existing text on the page. See Improving Accessibility with ARIA Labels. See Optimizing images, icons & interactive elements.

An interaction where users click and hold an element to move it, common for reordering lists, sliders, and drawing interfaces. Drag interactions should provide clear visual feedback about what's being moved and where it can be dropped. Consider touch device behavior where drag competes with scrolling gestures.

The bottom section of a webpage, typically containing navigation links, copyright information, and secondary content like contact details or social links. Footers provide a sense of closure and catch visitors who've scrolled through all content. Design footers to be useful—include key links users might need after reading your page.

The visual appearance of an element when a user's cursor is positioned over it, providing feedback and indicating interactivity. Hover states are essential for buttons, links, and clickable elements—without them, users can't tell what's interactive. Remember that hover doesn't exist on touch devices, so don't rely on it for essential information.

HyperText Markup Language—the standard code that structures web content using tags that define headings, paragraphs, links, and other elements. While Framer generates HTML automatically, understanding its structure helps with SEO, accessibility, and debugging. Semantic HTML using proper tags like header, nav, and main improves accessibility and search rankings.

The system of links and menus that helps users find content and move through a website. Good navigation is consistent, clearly labeled, and reflects user mental models about site structure. Test navigation with real users to ensure your labels and organization make sense to your audience.

A navigation bar containing primary site links, typically fixed at the top of the page for constant access. Navbars establish site identity and provide consistent wayfinding across pages. Design navbars to be useful without overwhelming—prioritize the most important links.

A protocol that controls how pages appear when shared on social platforms like Facebook, Twitter, and LinkedIn. Open Graph tags specify titles, descriptions, and images for consistent, attractive social shares SEO settings with compelling images sized 1200x630 pixels.

A distinct document within a website with its own URL, content, and purpose in the site structure. Each page should have clear purpose, proper metadata, and thoughtful internal linking. Organize pages logically and limit depth to keep content discoverable.

Formatted text with styling like bold, italic, headings, lists, and links, beyond plain unformatted text. Rich text fields in Framer’s CMS allow content editors to format text without touching design. Connect rich text fields to styled containers for consistent typography.

Animation triggered by scrolling, from simple reveal effects to complex parallax and timeline-based sequences. Scroll animations engage users and create storytelling opportunities as they progress through content. Use Framer's scroll-triggered effects for appear animations and scroll-linked transitions.

Search Engine Optimization (SEO) is the practice of improving a site’s visibility in search results through technical quality, relevant content, and authority signals. Strong SEO combines crawlability, performance, metadata, internal linking, and useful content. Framer supports SEO with clean markup, metadata controls, and sitemap generation.

URL additions that track marketing campaign sources, enabling attribution of traffic to specific channels. UTM parameters identify which campaigns, channels, and content drive conversions. Add UTM parameters to links in emails, ads, and social posts. See Track UTM parameters and Google Ads IDs in forms.

An incoming hyperlink from another website pointing to your site, considered a vote of confidence by search engines. Quality backlinks from reputable sites significantly boost SEO by signaling that your content is valuable and trustworthy. Building backlinks requires creating shareable content, guest posting, and developing relationships with relevant publications in your industry.

A navigation element showing the user’s location within a site hierarchy, typically displayed as a trail of linked page names. Breadcrumbs improve navigation by helping users understand site structure and quickly jump to parent sections. They also benefit SEO by helping search engines understand page relationships and providing rich snippet opportunities.

A prompt encouraging users to take a specific action, typically presented as a button or link with action-oriented text like 'Get Started' or 'Learn More.' Effective CTAs are visually prominent, clearly worded, and strategically placed throughout the user journey. Test different CTA copy, colors, and placements to optimize conversion rates using Framer's A/B testing.

A navigation pattern where hovering or clicking reveals a submenu of additional links or options. Dropdown menus organize complex navigation hierarchies while keeping the main navigation clean. Test timing and hover zones carefully—frustrating dropdowns that close unexpectedly harm user experience. See Make Responsive Dropdown Menus From Scratch.

A hyperlink pointing to a page on a different website, opening in a new tab by convention to maintain your site's presence. External links to authoritative sources can boost SEO by demonstrating content quality. Balance outbound links with internal linking to keep visitors engaged with your content.

A navigation icon consisting of three horizontal lines that reveals a hidden menu when tapped, standard on mobile devices. While space-efficient, hamburger menus hide navigation and reduce discoverability—consider keeping key links visible. In Framer, create hamburger menus with component variants that animate between open and closed states.

A clickable connection between pages or resources, the fundamental navigation mechanism of the web. Hyperlinks should have descriptive text indicating their destination rather than generic ‘click here’ labels. Style links consistently with clear visual distinction from surrounding text.

A hyperlink pointing to another page within the same website, supporting navigation and distributing SEO value. Strong internal linking helps users discover related content and helps search engines understand site structure. Link to relevant pages naturally within content.

A hyperlink that jumps to a specific section within the same page, identified by an ID attribute on the target element. These improve navigation on long pages by letting users skip directly to relevant content. In Framer, create anchor links by adding IDs to sections and linking to them with the # symbol followed by the ID name.

The process by which search engine bots discover and read web pages by following links and analyzing content. Ensuring your site is crawlable with proper HTML structure, sitemaps, and internal linking improves search visibility. Block sensitive or duplicate pages from crawling using robots.txt directives.

Links and content in the page footer providing secondary navigation, legal links, and supplementary information. Footers catch users who've scrolled through all content and need next steps. Include popular pages, contact information, and trust signals like security badges.

The primary navigation links typically placed in the site header, providing access to main sections. Header navigation should prioritize the most important destinations while remaining uncluttered. Design mobile variations carefully, often using hamburger menus to save space.

An expanded dropdown navigation revealing multiple categories, links, and sometimes images in a large panel. Mega menus work well for sites with extensive content hierarchies like e-commerce or documentation. Design mega menus carefully to avoid overwhelming users with too many options.

A collection of links enabling users to move between pages and sections of a website. Navigation menus should be consistent, clearly labeled, and organized logically based on user mental models. Test navigation with users to ensure labels and structure are intuitive.

Website visitors arriving through unpaid search engine results rather than advertising or direct navigation. Organic traffic indicates SEO success and sustainable audience growth without ongoing ad spend. Build organic traffic through quality content, technical SEO, and earning backlinks.

A permanent URL for a specific piece of content, designed to remain unchanged over time for consistent linking. Clean, descriptive permalinks improve SEO and user understanding of page content. Framer generates permalinks automatically from CMS slugs and page paths.

Visual cues that suggest how an element can be used, such as a raised button appearing clickable or an underlined word suggesting a link. Affordances draw on learned conventions and physical metaphors to make interfaces intuitive without instructions. Strong affordances reduce learning curves and help users discover functionality naturally.

A linked copy of a component that inherits properties from its main component while allowing local overrides. Instances update automatically when the main component changes, maintaining consistency at scale. Override specific properties on instances when variations are needed.

A format for embedding structured data in pages using JavaScript Object Notation for Linked Data. JSON-LD helps search engines interpret content entities and can enable rich search results. See Structured data through JSON-LD.

A shareable Framer link that lets others duplicate a project or component into their own workspace. Remix links are commonly used for templates, examples, and reusable building blocks. See Creating Remix Links in Framer.

A Multi-reference Field is a CMS relationship field that stores references to multiple records from another collection.

A Collection Reference Field creates a one-to-one CMS relationship by storing a pointer to a single record in another collection.

A Multi Collection Reference Field creates a one-to-many relationship by allowing a CMS item to reference multiple records from another collection.

A Publish Staging URL is a temporary or preview deployment address that allows teams to validate content and design before publishing to production.

Find Similar Designs is an AI retrieval feature that helps teams discover visually related assets in large files or libraries. It supports consistency by linking discovery to your Design System and optional Style Reference inputs.

Agent review is the process of checking AI-made changes for accuracy, visual quality, links, accessibility, and consistency before publishing.

Agent review is important because AI can make fast changes across content and design. A review pass catches duplicate content, broken links, weak metadata, layout issues, or edits that do not match the project’s existing structure.

An agent instruction is a rule or request that guides how an AI agent should plan, edit, format, or avoid certain actions.

Agent instructions shape the behavior of an AI assistant. They can describe tone, linking rules, CMS conventions, design constraints, or publishing boundaries so repeated work stays consistent across a project.

Agent QA is the use of an AI agent to find and help fix issues such as broken links, duplicate content, missing metadata, or inconsistent layout.

Agent QA supports quality assurance by scanning project content and structure for problems. It is most useful when paired with human review, especially before merging a branch or publishing a site.

An agent-orchestrated workflow coordinates multiple AI actions, tools, or agents to complete a larger project task.

Agent-orchestrated workflows are useful for multi-step site work such as scanning pages, creating CMS entries, adding links, reviewing changes, and preparing a branch for approval. The orchestration keeps each action aligned with the overall goal.

Framer text decoration helps designers style links, emphasis, and editorial details while keeping type treatments consistent across a site.

Framer link styles keep navigation, inline links, and active states consistent, so interactive text feels intentional across pages and CMS content.

In Framer, invite links simplify collaboration by letting the right people join a project quickly while permissions and roles keep access manageable.

In Framer CMS workflows, Markdown can help teams prepare content quickly before converting it into rich text, pages, or structured collection entries.

In Framer, route prefetching helps visitors move between pages with less waiting by preparing linked destinations before they are clicked.