Animated Banner

SSR

About my banner.

My banner was adapted from my black on white logo design I took my initials and had them slowly come into view   then I added a flash of white to transition to the reverse white on black design.

Steps I took

Step 1. I took the black on white logo I made on photoshop and created a timeline by going to window > timeline. 

Step 2.  I duplicated my logo 5 Times.

Step 3. I erased the last two initials and filled the space in white for my first frame.

Step 4.  On the second frame I only erased the R and filled in the space white

Step 5. I left the logo as the original with all initials on it.

step 6.  I filled in the entire frame white; erasing my logo for a quick flash effect.

Step 7. I reversed the coloring of my logo for the last frame so it is white on black.

Step 8. Adjust timing to my desired look and set the repeat for forever.

Step 9. Save for Web and select Gif.

Advertisements

SEO/ Site Maintenance

What is SEO

Search Engine Optimization or “SEO” is the process of affecting the visibility of a website or a web page in a search engine’s “natural” or “organic” unpaid results.

The importance of having a“search engine friendly” website is the visibility it can give your website to the world for your business or organization.

“Search Engine Marketing and search engine optimization are critically important to online businesses. You can spend every penny you have on a website, but it will all be for nothing if nobody knows your site is there. -Marc Ostrofsky

Web Crawlers explained

Web Crawlers (web spider or web robot) is a program that automatically browses the internet.  Search engines, use crawling as a means of providing up-to-date data for users.

Meta Tags and how they are used

Meta tags are snippets of text that describe a page’s content; they don’t appear on the page itself, but only in the page’s code; more specifically within the <head> element. they are typically used as little content descriptors that help tell search engines what a web page is about.

SEO attributes and their role in the grand scheme of things

The following two attributes are provided in the html of a site as meta data:

  • The Keyword Attribute is used to specify words that are a comma-separated list of relevant words that informs search engines what the page is about.

    Example: <meta name=”keywords” content=”HTML, meta tag, tag reference”>

  • The Descriptions Attribute is just what you expect, its the descriptions of the page. Search engines can pick up this description to show with the results of searches.

    Example: <meta name=”description” content=”Free web tutorials”>

Other SEO attributes:

  • The Title tag is meant to be an accurate and concise description of a page’s content and is arguably the most important on-page seo factor to address on any web page. Title tags are often used on search engine results pages to display preview snippets for a given page.
  • The Domain name  should strike a balance between finding a catchy, unique, brand-friendly domain name and having a domain that contains keywords they are trying to target.

Caution for Spamdexing

In computing, spamdexing (also known as search engine spam, search engine poisoning, Black-Hat SEO, search spam or web spam) is the deliberate manipulation of search engine indexes. spamdexing involves a number of methods, such as repeating unrelated phrases, to manipulate the relevance or prominence of resources indexed in a manner inconsistent with the purpose of the indexing system. If you spamdex you will be penalized.

search engine marketing methods:

  • Pay Per Click (PPC)  is a model of internet marketing in which advertisers pay a fee each time one of their ads is clicked.  Sponsored Listings are another form of PPC you most likely have seen it in the form of the first two results on a google search that look different from the other “organic results”.
  • Paid Inclusion is a search engine marketing product where the search engine company charges fees related to inclusion of websites in their search index.
  • Video Search Marketing  Search engines are pushing the universal search movement to evolve results into a multimedia-rich blend of images, maps, local and video. As a result, search engine algorithms will look more favorably on video content for the top spots on their result pages, meaning the opportunity for exposure increases for any video producer that is on top of its SEO game.
  • Google-Adsense is a wonderful tool that allows you the site owner to place  PPC ads on your site and start earning some money. You can also you’re in control block ads you don’t like, customize where ads appear, and choose which types fit your site best.

The difference between white hat SEO and black hat SEO.

white hat SEO refers to the usage of optimization strategies, techniques and tactics that focus on a human audience opposed to search engines and completely follows search engine rules and policies. Whereas, black hat SEO refers to the use of aggressive SEO strategies, techniques and tactics that focus only on search engines and not a human audience, and usually does not obey search engines guidelines.

Google Webmaster Guidelines

 

  • Make a site with a clear hierarchy and text links. Every page should be reachable from at least one static text link.
  • Offer a site map to your users with links that point to the important parts of your site. If the site map has an extremely large number of links, you may want to break the site map into multiple pages.
  • Keep the links on a given page to a reasonable number.
  • Create a useful, information-rich site, and write pages that clearly and accurately describe your content.
  • Think about the words users would type to find your pages, and make sure that your site actually includes those words within it.

 

 

Web 2.0/ 3.0 Exploring the Web

Who first used the phrase “Web 2.0” in the first place?

The term was popularized by Tim O’Reilly and Dale Dougherty at the O’Reilly Media Web 2.0 Conference in late 2004, though it was first coined by Darcy DiNucci in 1999.

What is the difference between Web 1.0, 2.0, 3.0?

 Web 1.0 can be described as the “Limited” phase of the Web. There was only limited interaction between sites and web users via  flat data such as links (to find related content) and email. It served as an information portal where users passively receive information without being given the opportunity to post reviews, comments, and feedback.

Web 2.0 was the “Social” phase of the Web with interactive data. Web 2.0 facilitates interaction between web users and sites, so it allows users to interact more freely with each other encouraging participation, collaboration, and information sharing

Web 3.0 is the “Semantic” phase of Word Wide Web with dynamic applications, interactive services, and “machine-to-machine” interaction. In Web 3.0, computers can interpret information like humans and intelligently generate and distribute useful content tailored to the needs of users.

Elements of Web 2.0

  • Wikis: Websites that enable users to contribute, collaborate and edit site content. Wikipedia is one of the oldest and best-known wiki-based sites.
  • Nomadicity:  or mobile computing, is the trend of users connecting from wherever they may be. That trend is enabled by the proliferation of smartphones, tablets and other mobile devices in conjunction with readily accessible Wi-Fi networks.
  • Mash-ups: Web pages or applications that integrate complementary elements from two or more sources.

Web 2.0 controversy

Critics of Web 2.0 maintain that it makes it too easy for the average person to affect online content i.e. Wikipedia, which can impact the credibility, ethics and even legality of web content. The extent of data sharing and gathering also raises concerns about privacy and security. Defenders of Web 2.0 point out that these problems have existed ever since the infancy of the medium and that the alternative — widespread censorship based on ill-defined elitism — would be far worse. The final judgment concerning any web content, say the defenders, should be made by end users alone. Web 2.0 reflects evolution in that direction.

The most recent dispute revolving around these issues came about in the form known as the Stop Online Piracy Act  or (SOPA) was a United States bill introduced by U.S. Representative Lamar S. Smith (R-TX) to expand the ability of U.S. law enforcement to combat online copyright infringement and online trafficking in counterfeit goods.

The proposed SOPA law would have targeted websites that let you share stuff—Twitter lets you share links, Facebook photos, YouTube videos, Tumblr cute cat pictures, WordPress anything you want. The copyright folks, led by their lobbyists at MPAA and Comcast NBC, wanted to impose obligations on all these companies that forced them to monitor, edit, and filter content, really screwing up or killing many sites that have acted as platforms for the free expression for the average person.

Protest Against SOPA, PIPA

On January 18, 2012, a series of coordinated protests occurred against two proposed laws in the United States Congress—the Stop Online Piracy Act (SOPA) and the PROTECT IP Act (PIPA). Protests were based on concerns that the bills, intended to provide more robust responses to copyright infringement (colloquially known as piracy) arising outside the United States, contained measures that could cause great harm to online freedom of speech, websites, and Internet communities. Protesters also argued that there were insufficient safeguards in place to protect sites based upon user-generated content.

The move to a formal protest was initiated when some websites, including Reddit and the English Wikipedia, considered temporarily closing their content and redirecting users to a message opposing the proposed legislation. Others, such as Google, Mozilla, and Flickr, soon featured protests against the acts. Some shut completely, while others kept some or all of their content accessible. According to protest organizer Fight for the Future, over 115,000 websites joined the internet protest.In addition to the online protests, there were simultaneous physical demonstrations in several U.S. cities, including New York City, San Francisco and Seattle, and separately during December 2011 a mass boycott of then–supporter Go Daddy. The protests were reported globally.

1422921483066444

By January 20, 2012, the political environment regarding both bills had shifted significantly. The bills were removed from further voting, likely to be revised to take into consideration the issues raised. Opposers noted the bills had been “indefinitely postponed” but cautioned they were “not dead” and “would return”.

An unfortunate possibility.

images-1

Wikipedia.org

Sources:

Forbes: On Net Nutrality

Forbes: Ten Reasons The Net Neutrality Victory Is Bigger Than The SOPA Win

Wikipedia: Protests against SOPA and PIPA

Techfreedom.org

Wired.com