How to use keywords and phrases for website SEO ( Part II)

The previous post defined SEO and explained the selection of keywords and phrases which I have abbreviated "keys."

Elevate keywords and phrases

Once the keys have been identified, place them in your website where search engine programs will scan and index your website.

If you are not familiar with HTML, tag names like title, alt descriptions, and headings may be confusing. Study your website template program to find options to alter the tags without analyzing the HTML code.

Places to use keys to improve SEO ranking

1. Include them in your title. The title can extend 70 – 75 characters.

2.  Compose a meta description using the keys. This should be a nice paragraph of 30-40 words.

3. Use keys in image alt descriptions. Alt descriptions provide accessibility for screen reader users. These descriptions are scanned by search engines. Images are not scanned.

4. Use keys within headings.

It makes sense that keys would make good headings for webpage content. Use headings to break up long text passages, and improve readability.

5. Use keys in hyperlinks.

To link to another webpage, don’t use “click here.” Use a description for the link. This is better website design as well as giving the search engine another look at your “keys.”

6. Use keys in URLs. The URL is the filename for a webpage. It is created when the page is created and saved.

URL Example 1:

http://www.webstudiosouth.com/vector_art.html

URL Example 2:

http://www.tandfonline.com/doi/abs/10.1080/05704928508060427#.UnGQWvlwqSo

Example 1 has a higher SEO ranking than example 2.

Example 2 has no recognizable words. Example 1 could be further improved by expanding words into more descriptive phrases.

If you are upgrading an existing website, file name changes should be made carefully. Any links to that page need to be updated.

7. Place keys strategically within body text.

This content needs to make sense with strategic placement of keys. Writing well for your audience should have priority over the inclusion of keys. 

Of all the keyword and phrases placement options, body text placement is the most powerful for SEO ranking.

I plan to blog more about SEO. See, it's not that mysterious!

This you tube video features a Google executive with great tips on SEO.

What is SEO and how do you do it?

Search Engine Optimization or SEO is website design that maximizes opportunities for search engine programs (some are called Googlebots) to correctly index the site subject matter, and moves the website towards the top of the search engine list for keywords or phrases. Popular search engines are Google, Bing, and Yahoo.

Select keywords and phrases

SEO starts with careful selection of keywords and phrases. This research becomes the foundation of your strategy. For the purpose of this explanation, let’s abbreviate keywords and phrases “keys.”

Produce a list of 10 to 20 keys. Use brainstorming techniques to build the list.

Then narrow down the list to 3-5 keys by performing web searches or interviewing website users.  There are online tools that provide search data for keywords. At this time, most of these services charge a fee or require application for a trial period. This would include wordtracker.com, keyword planner at adwords.google.com or keyworddiscovery.com. If you use these tools, the number of searches by keyword and phrases can help finalize your list.

My next blog entry will explain where to use your keywords and phrases (keys) in your website for SEO.

This you tube video offers a simple definition for SEO.

No Tools Menu with Excel 2007

I was following an Excel exercise in The Complete Idiot's Guide to Statistics* with instructions to use the data analysis option under the tools menu.

I didn't have a tools menu on my version of Excel (2007).

This is the procedure for finding the data analysis option:

Click the home button

Choose Excel options

Under add ins select add analysis tool

Click go

Now you can find data analysis under the data tab.

Of course, if the data analysis option was loaded previously, it would already be under the data tab.

*By Robert A. Donnelly, Jr., Ph.D. (2nd edition)
This is a fabulous statistics book, and it's very funny!

Deceptive mailing on Domain Renewal

I received a deceptive mailer requesting payment to continue my domain name. Upon closer inspection, Domain Registry of America is not the company responsible for my domain registry.

The official appearance of this mailing has lead to domain owners making payment to this company and unknowingly changing their registry.

This practice has been reported in another blog  in 2010. The mailer claims low registration prices, but they are higher than usual.

The Buffalo, New York, Better Business Bureau has several complaints against Domain Registry of America for this type mailer. They have been given a "F" rating.

If you receive this type mailer, throw it away.

Advertising on this blog supports my writing. By clicking an ad, you are under no obligation to buy. If you see an advertisement of interest, please click.

Marketing in Web Design

In a face-to-face business website like an ice cream shop or car lot, it’s important to include a photo. This allows the potential customer to preview the storefront. Then they can visualize themselves going to the business.

How to Download a New Font to your Computer

1.Select and download a font from a font website.

2.A zipped font file will appear in your download box.

3.Move the zipped file to a folder on your desktop called ”downloaded fonts.”

4.Right click zipped file and select extract all. Choose a folder called “fonts” to extract the files to.

5.Open your computer’s font file in Windows by going to control panel> appearance and personalization > fonts.

6.Drag the extracted font file to the computer font file.

Advertising on this blog supports my writing. By clicking an ad, you are under no obligation to buy. If you see an advertisement of interest, please click.

The Job Search

Tips for Finding the Perfect Job

1. Define the Perfect Job for you. You can waste time chasing a job opening that’s a long commute or way below your salary requirements. If there are aspects of a job that you hate, add those to your description of what to avoid in the perfect job. Once you have your list for the perfect job, identify aspects you can and cannot compromise on. You may enter a company in a position that transitions to your “perfect” job.

2. Take advantage of any networking opportunities. Join associations, take classes, and attend workshops. Try to initiate discussions about companies that are hiring, staffing agencies being utilized, and work conditions.  If you get out and talk to people, job opportunities will present themselves.

3. Keep your resume updated. Prepare an email version with working links, and a paper version. Keep a file with paper copies in your car just in case you meet a contact unexpectedly.

Also, you should have different versions of your resume for different positions. Examples would be a resume for a web design firm and a resume for a sales position at a software company.

Don’t miss any opportunities to have your resume critiqued. Keep perfecting it.

4. Keep your portfolio updated. Feature your newest, best work. 

5. If the hiring market is slow, keep training. If you learn about job requirements you don’t meet, consider training to improve your hiring prospects down the line.

Here’s an interesting website on the job search:

http://www.workcoachcafe.com/2009/09/08/how-to-find-the-perfect-job-in-10-agonizing-steps/

Accuweather Gadget Installs Easily

I had another opportunity to install a weather gadget on one of my websites. I followed the instructions in my May 25, 2012 blog and was rewarded with a weather information-packed site.

This is the 630 X 440 size with the Seasons Spring 1 background (jpg image of the web page).

Weather Forecast | Weather Maps

Above is the 180 X 150 size with the Basic Colors Gold background (actual gadget html on blog).

Thanks net Weather!

Publishing a swf file to a website using Dreamweaver 5.5

In my Multimedia course, we produced several projects using Adobe Flash Professional. We were required to put those projects on a webpage using the school server and the Dreamweaver FTP interface.

I learned there are some special steps to make your Flash project display correctly.

Insert> Media> SWF

Click the above sequence when your cursor is in the correct location[where you want the flash project displayed] in either the code or display view.

Dreamweaver prompts you to select the SWF file and an accessibility description. Then Dreamweaver inserts the file with coding.

If you try to preview in a browser, the project will not display correctly.  There is an error given:

My instructor told me to delete the script coding added by Dreamweaver and then it will display.  There was a script code in the head and several lines at the bottom of the body html.  Look for the <script> and </script>, and delete all that code.

I do not know why this fixes the problem, but it was invaluable.

Optimize photos for the web

If you upload photos to the web for a blog or website, it is best to optimize the photo first. This reduces the file size so your viewers don't have an annoying delay while large photo files are loaded.

I use Adobe Photoshop for photo optimization. It is part of the Adobe Creative Suite I bought for my web technology classes. There are other photo editing programs so research the web for the best option for you. Your camera's software may have photo editing capabilities.

To optimize in Photoshop:

1. Open the image in PS
2. Duplicate the image (image > duplicate)
3. Crop excess photo around subject
4. Reduce image size (image > size > change dimensions here/select bicubic sharper > ok)
5. File > Save for web > jpeg medium quality

Duplicate your image so, if you're not happy with the results, your original is preserved.

For landscape orientation, I use a 300 pixel width and let the height set proportionately.
For portrait orientation, I use a 250 pixel width.



Most jpeg images, will be fine at a medium quality.
The optimization process reduced a 183K file down to 18K. That will allow websites with your photographs to download much quicker.


Advertising on this blog supports my writing. By clicking an ad, you are under no obligation to buy. If you see an advertisement of interest, please click.

Finding a web host

I blogged earlier in the year about trying out a free web hosting service. If you followed those blogs, you are aware that the site was down more than it was up. Taking into account the time spent putting together a website, setting up the server account, and loading the website to the web host server, I concluded that even a free web host was not worth the trouble if the site was down extensively.

Web hosting can be obtained for around $5 a month, and there are many reliable choices. I launched my first commercial website in September, and have found IMH to be a good web host. As with many host companies, their website provides tutorials and instructional materials for website management. They also have customer service tools like a chat line and faq pages that are helpful.

I chose my host company by geographic location and pricing. Decide what aspects of a web host are most important to you, and chose your host accordingly.  Recommendations from friends can also help in the decision making.

Posterize with Windows Moviemaker

There’s an interesting effect available on Windows Moviemaker. 

After loading your video, select Visual effects > posterize.

Here’s a video demonstrating the effect:

Windows Moviemaker software comes standard with many computers. 

It allows you to add music, title, credits, and captions to a video. I usually cut excessive video with Adobe Media Encoder then load the video (avi) file into Windows Moviemaker for music and text. If you need a flv or f4v format, load the file back into Media Encoder to convert it. 

If you don't have Adobe Media Encoder (this comes with Adobe Flash which is part of the Adobe Creative Suite), Windows Moviemaker allows length editing, but no format conversion.

Obviously, a tripod would have made a much smoother video.

The music was downloaded from ccmixter.org. It's DoKashiteru by The Annual New England Xylophone Symposium.

Domain Name Transfer

I recently had to transfer a domain name when I designed a replacement web site for a company. This transfer was shrouded in mystery until I went through the process.

Originally the former webmaster had established the domain name with Go Daddy. To complete the transfer, I had to set up an account there.

 The former webmaster needed two pieces of information from me:

1. My email that I used to set up the Go Daddy Account

2. Go Daddy Account number

She initiated the transfer. About 20 minutes later, I received an email from Go Daddy with a change of registrant pending notice.

I signed into my account to accept the change. I did have trouble with the hidden menus on the Go Daddy website, and required customer service to point me in the right direction. The phone representative was very helpful.

Now that the domain name transfer is complete, future renewal notices will come to me. That completed the transfer. Once I set up a web host, I pointed the domain to the web host nameservers.

Background Image with Opacity Using CSS

A class assignment required using a company logo as a background image behind text. The company logo was required to be 70% transparent. The opacity property renders the logo and the text transparent because it is an inherited property. How do you keep the text visible? This requirement had me stumped as I tried different approaches.

One reason this concept was so difficult for me was because I remember making images transparent in Photoshop with the touch of a button. Because of this, it was difficult for me to understand what has to happen for a logo to be partially transparent without affecting the text and without using Photoshop or another image editing  application.

This is the scheme. The logo is applied to a div as a background image. The text is placed in a nested div inside the logo div. A background color (matching the body color) is applied to the text div. It covers up the logo, right? The transparency of the background color is adjusted to let the logo show through as desired. You do this with the rgba color property:

background-color: rgba(94, 153, 150, .75) where the .75 is the opacity (alpha value) of the background color.  To get the logo to be very faint at 30% opacity, we cover it up with a background color on the text div with an alpha value of .7. It is a background color and does not affect the text.

GEM #6 The key here is to understand that you’re working with a layer (div) on top of the logo div to create the transparency.

A helpful video for this concept is by hdvidsonly.

When a Virus Attacks

The saying “If it’s not broke, don’t fix it,” has a lot of merit. I was interested in trying out a new text editor. Previously, I had used Dreamweaver in code view. I found myself making minor typing errors like leaving off a semicolon or curly brace with terrible results when a browser interprets the CSS code.

I suspected there were text editors that would catch the code errors, and save me hours in tracking down my mistakes and reducing eye strain. Dreamweaver highlights code errors in html, but I haven’t found it to highlight CSS errors.  I downloaded Notebook ++ and then the craziness started.

I was following a HTML5 Canvas Tutorial and had 10 or so lines of code written. I pressed enter to move to the next line, and the curser started racing down the page adding blank lines to the code. Line numbers in the hundreds raced up the page. I managed to get to the top of the page and copied the few lines of program. I pasted them in a new Dreamweaver site, and the curser took off down the page in that application. I switched over to Microsoft word, and, still trying to save my precious few lines of code, started to paste when page after page of blank pages started piling onto my document. I moved to my browser, Mozilla Firefox, and windows started opening. Some were duplicates of the code I’d been working on, and some were blank blue screens. When I closed out Firefox, it reported I had 400 plus windows open!!

I did some things that didn’t help my situation, but I won’t go into that now.  I uninstalled the Notebook ++. A system restore got me out of my jam. This takes your computer back in time before the incident that caused the virus or whatever disrupted your system. Once I made it back to my desktop screen, I clicked that oft ignored button, HP Recovery Manager, and followed the easy directions to restore. I chose the most recent date [to restore back to] which was a week ago.

After the restore, I started my McAfee Virus Scan. This took several hours to complete, and didn’t report any problems.

I was most concerned about work I could lose with the restore. I had set up 3 FTP sites with Dreamweaver and those were gone. Fortunately, I had the sites saved and could easily import them. The precious 10 lines of canvas code were still in Dreamweaver with all that extra space. I copied the lines I needed and set up a new file. Then I deleted the file with hundreds of blank lines. I pulled up the word document, copied the pages that weren’t blank, opened a new document to paste them into, and deleted the many-paged monstrosity created by the “virus.” All in all, I was able to recover in a couple of hours and get back to my tutorial.

I use the term “virus” generically. I’ve described what I saw on my computer screen, and, to the best of my knowledge, those are symptoms of a computer virus. Certainly the technician at McAfee’s Techmaster service agreed wholeheartedly that I had a virus, and would be glad to remove the virus for a one-time fee of $129 or a year contract for $179. 

Additionally, I don't know that Notebook ++ downloaded a virus. I only know that 20 minutes after the download, my problems started. A classmate of mine downloaded the program 6 months ago, and is thrilled with it.