Skip to content

Instantly share code, notes, and snippets.

@atwellpub
Last active November 30, 2015 01:05
Show Gist options
  • Save atwellpub/823e4afcb2386270fd11 to your computer and use it in GitHub Desktop.
Save atwellpub/823e4afcb2386270fd11 to your computer and use it in GitHub Desktop.
writeup for Digital Marketing Specialist

HTML

The html markup language is used to provide layout and styling structure to page content. In modern design it is usually coupled with CSS to perform advanced styling.

Common HTML codes

div

used to create styling containers

table

used to create columns and rows for structuring content and table data.

a

used to create hyper links

p

paragraph enclosers for handling line break styling

b

bolding text. This is usually accomplished by CSS definitions though.

span

For adding styling to a part of a body of text, or a label.

u

For underlining text; often handled by CSS definitions.

img

For displaying images

h1,h2,h3,h4,h5

These are heading tags and are used to create a readable outline of content being presented. These html elements are important in correctly informing search engines what content is about and using them correctly is vital to performing on-page SEO.

CSS

CSS markup is typically stored in css files and define rules for styling HTML. HTML elements (some mentioned above) can contain class="someclassname" and id="someidname" attributes hard coded into the HTML document. These class and id names can be used in CSS to stylize the display of those attributes. For example if we wanted all paragraph html elements with the class name 'specialclass' to have a left margin of 10 pixes we can create a CSS rule like this:

.specialclass {
    margin-left:10px;
}

likewise if we wanted to do the same thing for a certain paragraph with the id attribute set to 'sepcialid' then our rule would look like this:

#specialid {
	margin-left:10px;
}

The markup for applying rules to class names versus id name changes slightyly from a period (.) to an id (#).

#SEO/SEM

SEO - Search Engine Optimization

Search engine optimization leverages techniques and practices used when developing & presenting machine readable material on the web. Here are several key factors in making sure a website is optimized for a search engine:

  • Make sure page titles are structured well and contain desired keywords
  • Understand what keywords content should appeal towards and including parts of those keywords in the correct header tags and content paragraph.
  • Make sure page is stuctured correctly using h1,h2,h3 tags.
  • Make sure on-page images are not too large and load quickly. Search engines consider page load time an important ranking factor.
  • Make sure pages are mobile responsive. Responsive design (layouts that change correctly with screen size) is an important search engine ranking factor.

SEM - Search Engine Management

Search engine management is a little less important than search engine optimization because Google takes measures to automaticaly index and process content regardless of engagement, but still spider visit rates and content indexing rates can be improved through an engaging relationships with search engines using the tools and services they offer.

Google Webmaster Tools

XML site maps can be submitted directly to Google as well as various free site performance analysises.

Google Analytics

Through a javascript insert a website can have it's traffic data recorded and compiled for reports by Google Analytics.

Google Adwords

Google Adwords is an ad placement program that helps advertisers place targeted ads across the Google search engine and websites participating in the AdSense program.

Ads can target keywords people search as well as related content sites participating in the AdSense ad placement program.

BrightEdge

No clue.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment