KB User's Guide - SitePref Tab - Adding Meta Tags to your KB site
Meta tags are snippets of machine friendly text that describe a document's content. They don't appear on the document itself, but only in the document's code. They serve as little content descriptors that tell search engines what the document is about. Search engines compare the words within each of these sections and "ranks" the site dependent upon how well the information matches. Meta tags optimize your KB site for more efficient indexing and easier sharing of your content.
While there are many Tile Builder sites on the web, we have chosen to use http://www.buildmypinnedsite.com/en to discuss this feature.
Click on the url above and follow these steps. Be sure to consult the Live Preview panel on the right side of the screen on this Tile Builder site to see your updates applied.
Steps to Create a Tile
- Click on the 1) Build your own site tile button
- Title - The title you enter here will appear on the lower left corner of your tile. It is optional.(example: KnowledgeBase)
- Background color - Enter the hexcolor of your choice or leave the color at the default of black or #000000.
- Upload - Click on the Upload an image button and select your image.
- 128 X 128
- 270 X 270
- 270 X 558
- 558 X 558
- Click on the Next Step button. The 2) Add Notifications section will open.
- In the Put the URL to your RSS feed here field, enter your KB url in the blank space provided.
- Click on the Next Step button. It will lead to the The Get the Code! section. You will be presented with meta tags.
The following fields will appear:
In regards to images, please review the tips in this article Guidelines for tiles and badges. In this step, you will also select the appropriate Crop button which designates the standard size of each Live Tile:
Example: https://kb.wisc.edu/kbGuide/recent.php?cat=0&aud=0&format=xml
Example:
<meta name="application-name" content="KB Thing"> <meta name="msapplication-TileColor" content="#FF00FF"> <meta name="msapplication-square70x70logo" content="tiny.png"> <meta name="msapplication-square150x150logo" content="square.png"> <meta name="msapplication-wide310x150logo" content="wide.png"> <meta name="msapplication-square310x310logo" content="large.png"> <meta name="msapplication-notification" content="frequency=30;polling-uri=http://notifications.buildmypinnedsite.com/?feed=https://kb.wisc.edu/kbGuide/recent.php?cat=0&aud=0&format=xml&id=1;polling-uri2=http://notifications.buildmypinnedsite.com/?feed=https://kb.wisc.edu/kbGuide/recent.php?cat=0&aud=0&format=xml&id=2;polling-uri3=http://notifications.buildmypinnedsite.com/?feed=https://kb.wisc.edu/kbGuide/recent.php?cat=0&aud=0&format=xml&id=3;polling-uri4=http://notifications.buildmypinnedsite.com/?feed=https://kb.wisc.edu/kbGuide/recent.php?cat=0&aud=0&format=xml&id=4;polling-uri5=http://notifications.buildmypinnedsite.com/?feed=https://kb.wisc.edu/kbGuide/recent.php?cat=0&aud=0&format=xml&id=5; cycle=1">
Apply Code in the KB Admin Tools
Once the desired meta tags have been generated, those with specific KB permissions may copy and paste that data in the Internal and/or External Site Header Meta Tags field found in the Site Headers screen.
- Please navigate to the KB Admin Tools > SitePref tab > Site Headers link >
- You will be presented with the Site Headers screen. Please determine to which site(s) you would like to apply the metadata.
- Finally, after pasting the meta data code in the field provided, click the Update button at the bottom of the screen to save your changes.
Please know that meta tags will not be displayed but are browser parsable.
The image below shows a blank field circled in red in which to insert Meta Tags into the Internal Site Header. To find the External Site Header Meta Tags field, simple scroll down a bit on the same screen for the External site options.
