Meta-tags are HTML elements used to provide information about a page, redirect a page, and load scripts or styles. Meta-tags includes the keywords used to describe your site to search engines. The keyword meta-tag is one of the factors (though not an important one) in optimizing your site's search engine rankings.
You can assign global meta-tags to be applied to all pages on your Wild Apricot site, and override the global meta-tags for individual pages.
Only full administrators can assign or modify meta-tags. Do not add custom Content Security Policy (CSP) headers to the Raw Headers section. If you do, this may interfere and cause errors with WildApricot's built-in CSP functionality: the Javascript Whitelist.
Assigning global meta-tags
To assign global meta-tags – so that the meta-tags are applied to all pages – follow these steps:
- Within the Website module, click the Settings option.
- Under Site settings, click Meta-tags.
- On the screen that appears, you can enter the following information:
Keywords
Site keywords to be inserted for every page in the <meta name="keywords"> tag. Use commas to separate multiple keywords (and keyword phrases).
Example: typographers association,typography association,typeface designers,font designers,typography,typographers,fonts,typefaces,typographer
Description
Description to be inserted for every page in the <meta name="description"> tag.
Example: International Association of Typographers - association for typographers, typeface designers, font designers, and other typography professionals
Raw Headers
HTML code to be inserted for every page in the <head> tag. You can insert code here to redirect a page, insert widgets for social media sites such as Facebook, and add a favorites icon – also known as a favicon, shortcut icon, or website icon – to the page tab and address bar for your site. You can also insert canonical tags here.
Example: <link rel="shortcut icon" type="image/ico" href="/Resources/Pictures/favicon.ico" /> - If you want to overwrite the existing keywords, descriptions, or raw headers for all pages on your Wild Apricot site, click Reset all pages to use this. If you don't click this button, any customizations you have made to meta-tags on individual pages will be retained, and the changes you make here will not be applied to those pages.
- Click Save to save your changes.
Assigning meta-tags to individual pages
You can override the global meta-tags and apply different meta-tags to individual pages on your site.
To assign custom meta-tags to individual pages, follow these steps:
- Go to Site pages and select the page within the list.
- Click the Edit button towards the top of the screen.
- In the Meta-tags section within the page settings on the left, you can enter the following information:
Page title
By default, the page title inserted in the <title> tag and displayed on the page tab in your browser is formed by combining your organization name and the page name, as defined in Page management. If you want to specify your own page title without changing the page's menu name, uncheck Automatic and enter a title.
Example: Home of the IAT
Description
Description to be inserted in the <meta name="description"> tag. If you want to override the global description, uncheck Use default and enter a description for this page.
Example: International Association of Typographers - association for typographers, typeface designers, font designers, and other typography professionals
Keywords
Site keywords to be inserted in the <meta name="keywords"> tag. If you want to override the global keywords, uncheck Use default and enter the keywords for this page. Use commas to separate multiple keywords (and keyword phrases).
Example: typographers association,typography association,typeface designers,font designers,typography,typographers,fonts,typefaces,typographer
Raw Headers
HTML code to be inserted in the <head> tag. You can insert code here to redirect a page, insert widgets for social media sites such as Facebook, and add a favorites icon – also known as a favicon, shortcut icon, or website icon – to the page tab and address bar for your site. If you want to override the global raw headers, uncheck Use default and enter the raw headers for this page.
Example: <link rel="shortcut icon" type="image/ico" href="/Resources/Pictures/favicon.ico" /> - Click the Save button to save your changes.
