Advanced Options

This handout describes several advanced options that you can implement on your web site and/or with your knowledge of HTML/CSS. They each have a “wow factor” as not all web designers know how to work with them.

Google Analytics

Google Analytics enables you to see how many people visited your web site, where they came from, how long they stayed, and what they clicked on while there. This information can be very valuable to marketers. The process works by Google’s creating a code snippet to place in the <head> of your document. The code snippet sends information to Google that you can see on the Analytics web site. See Handout on Google Analytics

Search Engine Optimization (SEO)

SEO is the process of placing information on your web site so that search engines will place it on page 1. The process works when “web crawlers” read information on web sites and determine a site’s relevance to a reader’s search criteria. Google recommends specific strategies in their “SEO Starter Guide.” An important part of an SEO strategy is to place <meta> tags in the <head> with extensive “keywords” and “descriptions.”

MailChimp

MailChimp and several other programs like Constant Contact enable you to send email “blasts” (campaigns) to lists of clients. The programs are a type of content management sytem similar to WordPress. They perform 3 functions:

eBooks

eBooks, or electronic books, are “encapsulated web pages” based on XHTML, the extensible hypertext markup language. They include standard and proprietary formats for displaying text and graphics, primarily on tablets. eBooks are best suited for text-heavy documents, such as novels and non-fiction business, psychology, self-help, and similar books with minimal graphics. Creative, tech-savvy designers can create eye-catching designs that include decorative fonts, drop-caps, typographic ornaments, sidebars, callouts, and other visually “interactive” features. The best way to create standard ePub documents is with InDesign. All graphics must be “inline,” which means pasted into the text using the i-Beam tool. A website called Pressbooks offers an online publishing platform for HTML-formatted eBooks that can be output to the web, to ePub, and to PDF for screen or print. See handout, “ePub from InDesign.”

Social Media

Relationship between a client’s social media and website (courtesy of Brent Stirling)

Social media platforms like Facebook, Instagram, X, SnapChat, Pinterest, LinkedIn, TikTok, YouTube, and others are a great way for your clients to update customers on the latest products and services. According to Toronto social media consultant Brent Stirling, the purpose of social media is to drive readers to your client’s website. Before working with clients, Brent does a website audit, in which he checks for a clear and understandable interface, legible and high-quality photos, descriptive text, and other features. Brent advocates posting before readers’ down time, for which he coined the term “Burrito Principle.”

Search Fields

Some students came up with their own idea for an advanced project: a search field. We experimented with two types of search fields, one that searches the entire internet with Google and the other that searches the GRC 365 site. Both are <form> fields. The first was found by simply searching in Google, while the second was written by ChatGPT. The GRC 365 search will not show any results until the site is indexed by Google, which could be speeded up by implementing search engine optimization (SEO). Therefore we also asked ChatGPT to write a one-paragraph description of the site for the tag and to identify 12 keywords for the "keywords" tag. This would be a great portfolio addition for anyone interested in marketing. (Thanks to the students for this idea.)