This snippet will create an image with text beneath it surrounded by a light gray box. The image can be left or right aligned so body content wraps around it if it is not the full content area width or center or left aligned with no wrapping. If you have cropped an 800 Banner or 1024 Feature size of the image being displayed, the system will automatically include a pop-up of the image and caption.
ALT tags (also known as Image Descriptions) are a very important feature involving all images on any given website. Moz does a good job of explaining what ALT tags are. Please take a moment to read up on what ALT tags are and why they are important. Moz also provides some tips for how to write good ones.
There are many uses for ALT tags. The most well-known ones are:
- Screen readers will speak the ALT tag of an image for users who cannot see
- If an image cannot be loaded due to some sort of network or IT error, the ALT tag will display instead
- ALT tags boost search engine rankings and can help your website’s images display in Google search results
A free service called Google My Business lets small businesses update their search engine listing. This is particularly useful for Michigan Tech departments who focus on sales, who run promotions, who have distinct hours of operations, and/or which attract and serve tourists.
Google My Business lets you customize various aspects of your business information in Google search results, including:
- Hours of Operation, including special hours for holidays
- Phone number(s)
- Photos of your business (inside and outside)
Interactive images, where the user can move around in the image to view the scene from every angle. 360 photos are becoming more widespread and easier to create. Now you can embed them on your OU Campus CMS website in the upper page image or within the body content. Continue reading
Have you ever pasted content into the CMS, and it just doesn’t look r
ight? You’re probably carrying old formatting code into the new CMS. Common culprits are copying from a Word document, copying text from one browser and pasting it into another, or copying text that was formatted in-line (using <span> and <style> tags directly in the code instead of letting the preformatted stylesheets do the work.)
Adding content with this type of formatting is bad for a couple of reasons:
- It doesn’t let your page update with the rest of the CMS. We may decide to change the font size or style to make the site more accessible or to keep up with modern design trends. By using the standard heading (<h1>, <h2>, etc) and paragraph (<p>) tags, your content will be ready to shift in an instant. If you leave hard-coded styles in the page, your look won’t automatically change.
- It can look strange on different devices. Everything on our new template is designed to expand and contract with the user’s screen size. Hard-coded styles may not change in the right way between desktop and mobile.
- It’s annoying for you, the CMS user. Sometimes you’ll have lines and lines of needless code – annoying when you’re trying to find one or two words in pages of <span>s and <color>s. For example, look at the coding on the links below—the <u> and <span> tags make for messy code on the back and and ugly links on the front end.