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 HTML element that tells search engines which URL is the ‘official’ version of a page when duplicate content exists at multiple addresses. This prevents SEO dilution from copied content, URL parameters, or www/non-www variations. Framer automatically generates canonical tags, and you can customize them in page settings for specific SEO requirements. See Setting up a custom canonical URL in Framer.

User-written JavaScript, CSS, or HTML that extends functionality beyond built-in features. Custom code enables advanced interactions, integrations, and unique behaviors tailored to specific requirements. In Framer, add custom code through code components, overrides, or the custom code section in site settings.

External content integrated into your page from another source, such as videos from YouTube, maps from Google, or widgets from third-party services. Embeds extend functionality without building features from scratch but can impact performance and introduce dependencies. Framer supports HTML embeds and iframe integration for external content.

An HTML meta tag providing a brief summary of page content, often displayed in search engine results below the title. Good meta descriptions are 150-160 characters, include relevant keywords, and entice clicks with compelling copy. Write unique descriptions for each page in Framer’s SEO settings.

HTML elements that provide metadata about a page to browsers and search engines, including titles, descriptions, and social sharing information. Proper meta tags improve SEO and control how pages appear when shared on social media. Framer provides fields for essential meta tags in page settings. See How to update page titles, descriptions, and social images.

Assistive software that converts on-screen content into speech or braille for people with visual impairments. Good screen-reader support requires htmlsemantic HTML, proper heading structure, and clear labels. Testing with screen readers helps catch accessibility issues early.

Using HTML elements according to their intended meaning rather than just visual appearance, improving accessibility and SEO. Semantic elements like header, nav, main, and article convey document structure to assistive technologies. Framer generates semantic HTML from visual designs automatically. See How to use semantic tags for navigation and footers.

Generating HTML on the server before sending to browsers, improving initial load performance and SEO. SSR provides complete content to search engines and faster first paint for users. Framer uses server-side rendering for optimal performance and SEO.

A hierarchical list of all pages and content on a website used for search engine indexing and user navigation. XML sitemaps help search engines discover all your pages while HTML sitemaps help visitors find content. Framer automatically generates and updates your XML sitemap. See How to access your sitemap.

The HTML element defining a page's title, displayed in browser tabs and search engine results. Title tags significantly impact click-through rates from search results. Write compelling, keyword-inclusive titles under 60 characters for full display.

Cascading Style Sheets—the styling language that controls how HTML elements appear, including colors, fonts, spacing, and layouts. While Framer generates CSS automatically from your visual designs, understanding CSS concepts helps you troubleshoot issues and leverage advanced features. Custom CSS can be added through code components or overrides when needed.

Document Object Model — the programming interface representing HTML documents as a tree structure that JavaScript can manipulate. Understanding the DOM helps debug layout issues and write effective custom code.

File Transfer Protocol—a standard method for transferring files between computers over a network. While FTP was historically used for website deployment, modern platforms like Framer handle publishing automatically. Understanding FTP concepts helps when working with legacy systems or specific hosting requirements.

An HTML element that embeds another webpage within the current page, commonly used for videos, maps, and third-party widgets. Iframes isolate external content but can impact performance and present security considerations. Use iframes for trusted third-party embeds and consider lazy loading.

An HTML tag telling mobile browsers how to scale and size the page for their screens. The viewport meta tag is essential for mobile-responsive designs to display correctly. Framer automatically includes proper viewport settings.

eXtensible Markup Language—a format for storing and transporting structured data, used in sitemaps and RSS feeds. XML sitemaps help search engines discover all pages on your site. Framer generates XML sitemaps automatically.

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.

Structured data added to HTML that helps search engines understand content context and display rich snippets. Schema markup can enhance search listings with ratings, prices, event dates, and more. Implement schema for content types where rich results provide value. See How to change the site name in Framer.