Webpage — Information, Aesthetics & Technical

3 characteristics of webpage presentationwebpage with Great Content

When judging how good a webpage is, there are 3 characteristics we look at:

  • How current and valuable the information is
  • Aesthetics, how attractive it is
  • Technical, how quickly does it load, do all of the hyperlinks work, etc.

1. Information

You want people to come back to your website.  So, they must feel like the information is valuable to them.  Does it sound original?

Is it current?  You need valuable information to keep each new post current.  Ideally your blog will have one main theme.  Every post and page in that blog will be related to that central theme.

Usually you should keep each post over 300 words.

2. Aesthetics

  • Layout — How well is your web page laid out?
  • Ease of reading — Is it easy to read?
  • Pictures — Do the pictures assist with the reading experience?

Skim like an F

Brown letter FAlways keep in mind that people usually will not read your page.  They will skim it.

Expect them to just skim over it in the shape of a capital letter F. They will read the first few lines completely.  Then they will read the beginning of a few lines.  Then they will skim right down the page.

Bullet points

So, try to have lots of bullet points to help with the skimming right down.

Pictureswebpage Brain XRay in blue skull

Line Length

People prefer to read shorter lines. So,

  • Grab their attention in the first few lines
  • Make the first few lines short
  • Then they read the first few lines
  • After that you have them wanting to read
  • You can then continue article with longer lines
  • Start with shorter lines by having a picture at the top of the page like this.

 

3. Technical

Links

  • Test all of your links to make sure they work.  (It helps with SEO to have links to external sources.)
  • Have social media icons so that visitors can share your excellent content with their friends and colleagues.

Help pages load quickly

40% of people will abandon a site if it takes greater than 3 seconds to load.

  • Photo size — Don’t have photos larger then they have to be.  For example, I had an image with a “wow” factor that was 741 pixels wide.  It was 1.3MB in size.  When I selected a corner and made it smaller, it still was 1.3 MB in size.  However, when I opened it up in GIMP and used Image > Scale Image to reduce it to 400 pixels wide, it was 407 kB in size.
  • Block 3rd party cookiesReduces ad garbage
  • Search for load time reducing ideas.  Try reading How to Make Your Site Insanely Fast.

Reducing ad garbage

To reduce ad garbage, make a web search for how to block 3rd party cookies.  Here’s how to block 3rd party cookies with 2 different web browsers:

  • INTERNET EXPLORER: Tools> Internet Options> Privacy> Advanced:
    here check ‘Override automatic….’; ‘Allow session cookies’; ‘Allow 1st party cookies’ & ‘Block 3rd Party Cookies’.
  • firefox-add-onsFIREFOX: Tools> Options> Privacy: Check ‘Accept Cookies from sites’
    & Un-Check ‘Accept 3rd Party cookies’                          Firefox keeps changing their software.  With my version, I had to go to Tools > Add-ons and select the ad blocker (ABP) add-on.

“Wow” factor note

I promote each blog post using at least 3 different social media (Twitter, Facebook & Google Plus).  Here’s an example of how I promoted a post using 7 different social media.

Pictures are much more effective than words for getting points across.  So, I’ve started using an amazing picture at the top of each blog post.  Each social media post linking to that post will have the same picture.

Visuals to Enhance Your Message

Grab their attention for a few seconds

Visuals Cliffs from below 400

Website visitors are impatient.  They need visuals to distract them.  If they are not really interested in the first 3 seconds, they will probably leave your page.  So, use images with a “wow” factor to grab their attention.  The special picture should be above the fold if possible.

A picture is worth 1000 words

The brain processes a picture much faster than text — 60,000 times faster.  So, a picture is probably worth much more than 1000 words.

What makes visuals different from text?

  • Visuals are stored directly in the long-term memory
  • Text is stored in the short-term memory
  • Images increase comprehension, recollection and retention to a greater extent than text does
  • So, people are more likely to remember things on your web page if text is accompanied by a picture
  • Pictures enhance emotions more strongly than text.
  • Pictures engage the imagination to a greater extent than text
  • Pictures heighten creative thinking to a greater extent than text
  • The brain processes everything about a picture simultaneously
  • With text, the brain processes it one word at a time

 

Souces of visuals

SVisuals kitch optionsWhen you are explaining things, it often helps if you use a program such as Skitch to grab part of an image to explain a point.  Visuals help us decode text.

Sometimes, or probably usually, visitors will leave your page if you do not grab their attention within the first few seconds.  I often go to Adobe Stock and pay $3 for a photo that will “wow” people long enough to get them to read the page. 

Note that to use Adobe Stock you must pay $30 USD per month for 10 photos. If that is too much, try the nocostimages alternative.

Try going to 8 sources of free stock images.

Reduce the size of some images

Note that these Adobe Stock pictures will be very large and therefore slow down the speed at which your website opens.  So, to avoid losing viewers, use GIMP to reduce the size of an image.

If you have a 3 MB picture and drag a corner to make it smaller, it will still be a 3 MB picture.  So, go to GIMP and use used Image > Scale Image to reduce the size of a picture.

Today I had a 1.3 MB picture that was 700 pixels wide.  I used GIMP to reduce it to 400 pixels wide.  It was only 400 kB.

Social media marketing

Cliffs from below 400

I rarely make a social media post without having a photo that grabs people’s attention.  I’ll take the best picture from a blog post and have an image upload with that same picture in my posts on

  • Twitter
  • Facebook page
  • Google+

Each social media post will link back to the blog post.  The picture with a “wow” factor helps people to stay on my social media post long enough that they end up going to the blog.

The fold

The fold is the position on a web page where the majority of browsers viewing the page will begin to scroll.

Megabytes & kilobytes

A Mb is approximately 1000 times larger than a kB.  Specifically,

  • 1 byte = 8 bits
  • 1 Kilobyte = 1024 bytes
  • 1 Megabyte = 1024 Kilobytes

 

bit.ly/nocostimages

The Bitly address, bit.ly/nocostimages is an easy-to-remember web address for the Dreamstime website. Dreamstime has a collection of tens of millions of photos, illustrations, video snippets, etc. The lower quality images are free. The higher quality ones cost money. Dreamstime can be a very good source of free images.

In the above screenshot, someone searched All Content for pictures that represented designing websites.  What if your designing websites picture must match the blue colour in your header. Then you would add the word blue to your search term.

 


Peter Enns has been developing websites since 1996. He is a social media blogger and author of the free YouTube video-creation tutorial called 7 Day YouTube.

tweets

How to Install WordPress with Your Web Host

Web host

how to install WordPress Gears 401This blog post tells you how to install WordPress using LiquidNet Ltd Hosting.  Their starter plan costs only $35/year.  Installing WordPress is simple if you follow the instructions below.  Installing WordPress is complicated without the instructions.

Getting started

♦ compare-plansGo to the LiquidNet Ltd Hosting website.
♦ In the Starter column, click Start Free Trial.
♦ Fill in the account owner details
(♦ Pay your $35 after your free month is up.)
♦ Log into your new account.


♦ In the control panel click Installer > Applications Installer. 
♦ That will get you to a page that has a few dozen different applications that you could install.  Click on WordPress.
♦ That will include a panels that includes the boxes to the right. Change the domain to the domain you are working on. In the next box, delete the word “wordpress” after the slash. This action will delete the “wordpress” in the next line.
♦Create a password and save it in a secure place.
♦Create a descriptive weblog title.
♦ Press the red Install WordPress button.
♦Follow the prompts and you will end up in the back end of your new WordPress website.
♦ Using Settings > Reading, make sure your front page is set as a static page and the front page box says Home. Remember to click the Save Changes button.
♦ Using Settings > Permalinks, change the common settings to Post name.
♦ Using Users > All Users, Change the Admin user name to increase security.

Plugins

A WordPress plugin is a snippet of code that “plugs in” to your WordPress website. It adds new functionality to your WordPress site or extends existing functionality on your site.

I would never start a new WordPress website without these plugins:

  1. Classic Editor — Adds text & icons to top of a page in editview. This makes it easier to edit a page. The Visual and Text tabs are missing from the image above.
  2. Advanced Editor Tools — Adds many more editing tools to the Classic Editor.
  3. Contact Form by WPForms — Use for your Contact Us page.
  4. Yoast SEO — It helps the search engines find you.
  5. Akismet — It helps block spam.

In the black column in editing view, you click on Plugins > Installed and Akismet will likely be there. All you have to do is activate it.

For the others click on Plugins > Add New. Type the name of the plugin into the search box. Then install & activate it.

How to Install WordPress menus

You will have one horizontal menu that you will create using a WordPress app.  The other menus for the various categories of topics will be pages.

New Post Media Page UserBefore I continue, you must know the difference between posts and pages.  When you click New at the top of WordPress, you must decide if it will be a post or a page.

Every entry into your blog should be a post.  Categories blogging etcThese entries are listed in reverse chronological order.  You should select categories for them so that people can find each blog post on a particular topic.

Pages on the other hand are static, they are not listed by date and do not use categories.

That’s enough background information.  Now go to the blog post on how to create menus.

 

 


Name Servers (DNS) Management

Moving your domain name to your web host

In the domain registration blog post I told you how to register a new domain name with a domain registration company such as WhoIs.  Once you have registered a domain name, you must make changes to the domain name servers (DNS).  You must link them to your web host.

On the best web hosting blog post I recommended that you use LiquidNet Ltd Hosting for your web host.  It’s only $35/year for the starter program and includes WordPress, excellent 24/7 tech support and many other wonderful features.  I will use that company in my example.

The DNS names for LiquidNet Ltd Hosting are dns1.supremedns.com and dns2.supremedns.com.

Steps to changing the name servers

♦  Go to your domain registration vendor.  In the following example I will use WhoIs.
Link to name servers♦  Click Account > MyAccount.
♦  Where it says Jump to Domain, enter the domain name with which you are working.
♦  Click the arrow to jump there.
♦  Click on Name Servers.
♦  Name server 1 and 2Enter DNS information in appropriate boxes.
♦  Click on Update Name Servers button.

In the background your new domain name is being made available on the internet all around the world.  Note that this can take up to 24 hours.

 

Hosting new domain

After you feel your domain name may be available around the world,

  1. Click on My Domains > Hosted Domains from the LiquidNet dashboard.
  2. Click Host Domain
  3. type domain name in the Domain box
  4. Click Add a Host

Then, when you click Files > File Manager, you will see the new domain name in the list of domain names.

Related pages

DNS — Domain Name Server is what?

The CloudOn website says

the system allows only one set of correspondence between IP addresses and domain namesRead more.

DNS Amplification Attack

The Hackersidea website says

A Domain Name Server (DNS) amplification attack is a …. reflection attack which manipulates publically-accessible domain name systems, making them flood a target with large quantities of UDP packets.   Read more.

Domain Names in Plain English

The BizTV Shows website says

In this episode, WordPress Adventure Guide Lee Drozak explains the science behind the process of domain namesRead more.

 

New Website & Blog Set Up with WordPress

WordPress website, a WordPress blog & 7 social media

  • red-website-yellow-cranesHow to set up a brand new WordPress website.
  • Will have a WordPress blog.
  • Will be professional looking enough to represent your business.
  • Will be interlinks with seven different social media.

Create a professional-looking new website in 10 steps

Skim over the coloured text until you find a topic for which you need to know more.  Then read the black text and maybe click on the hyperlinks.

WordPress Gears new website1. Find a web host that supports WordPress

Read my comments about web hosts.

2. Find the ideal domain and business name

How to Name Your Business new websiteGo to the Google Trends to find the ideal long-tail keywords for your business and domain names.  Then read the Domain Registration blog post for tips on how to get the best names.

3. Move domain name to web host

Once you have registered a domain name, you must have it pointing to your web host.  This blog post explains how to make that happen.

4. Installing WordPress

To learn how to install WordPress including the home page & the menus, go to the Install WordPress blog post. For just about any new website, you should use WordPress.  It’s free and absolutely full of features that many CMSs don’t have.

5. WordPress Plugins

WordPress plugins are smaller apps that can be uploaded to extend the functionality of your WordPress site.  There are over 49,000 from which to choose.  Please read the plugin blog post to learn more including adding forms to your web pages.

6. Start creating some pages

New page

Start creating some new WordPress pages representing your company.  These will be pages as opposed to posts.  You will be using posts for your blog.

Read the 3 characteristics of webpage blog post.

7. Add the right pictures

If you have the right pictures on your pages, people will stay there longer and get more emotionally involved.  Find out why.

Blogging 101 400 px8. Begin blogging

Go to the Blogging 101 web post and begin your WordPress blog.

9. Make your menus

Make the menus for all of the pages and posts you presently have.  Each time you create another post or page, you will add it to a menu.

10. Begin adding social media

new website social-media-marketing-graphicLearning about social media can be overwhelming.  So, start by learning one, getting good at it and then going on to the next one.

I recommend starting with a Facebook page.  Study that post thoroughly.

Abstract Sky Lake Tree OrangeAt the beginning of each blog, each Facebook page post and the beginning of most social media posts, you should grab their attention with an amazing image.

Read the blog post about how I get amazing stock photos for my social media posts.  Make sure you how-to-set-up-a-wordpress-websitescroll down to the section about 20 steps for downloading Adobe photos.

After you have a few Facebook posts that link to a blog post, start learning your next social medium.  Below are the next 6 social media I suggest you learn.  They are listed in what I consider the order of importance for my situation.

Note that virtually every blog I create will have a link to it from Twitter, Google Plus and Facebook as a minimum.  If it is an especially good blog post, I will add more social media.

Monetize your blog

See this article from the Eugene Mota website: Top 5 Techniques for Monetizing Your Blog.

email-marketing-ad

 

Click on this image to learn about value-added email marketing.

Notes on Pinterest

The above picture is a Pinterest pin.  It links to this blog post.

Notes on YouTube

YouTube is the second largest search engine in the world.  Having high quality YouTube videos will help you with brand awareness.  Read 10 reasons why YouTube is important for your business.

So, make sure someone in your organization can make YouTube videos.  Go through the tutorial on making YouTube videos.

Learn about ScreenFlow.  You will use Keynote to help make things animate in your videos.

Here are lots of links to blog posts about video.

Commit yourself to making a video a day for 30 days.  Soon you will be able to make YouTube videos like the one below.

Comments on SlideShare

You may notice that in the last slide you can click on a link.  That will take you to this blog post.

That requires some expensive software and is not extremely necessary.  So, I left it out of the budget.

If you do buy it, your first year budget for a professional-looking website with a high-quality blog will still be under $1000.

New features to the various platforms are happening all of the time.  By the time you read this, there may be a way to link to a web post without having to pay for the software.

Freelance work

Suppose you become really good at creating WordPress websites and blogs. You decide you want to do some freelance work.  Find out how much to charge.

How to Use Maths Puzzles to Gain More Traffic

Most people love a number puzzle

Maths puzzles Genius testSemi genius math puzzleWhen you consider the popularity of Sudoku, you realize that people love maths puzzles.  Add one to your Facebook page and you can get lots of traffic to your blog.  That’s where people must go to find the answer.

The answer to the above puzzles are near the bottom of this web page.
How to create a math puzzle graphic.
How to find all of these related pages.

Related pages

Maths item of the month

The MEI website says

The MEI Maths Item of the Month is a monthly problem aimed at teachers and students of GCSE/A level Mathematics. The problems can be used for enrichment, problem solving or as a way to encourage mathematical thinking/proofRead more.

Maths tricks, puzzles, facts, etc.

The Maths Tricks Puzzles website says

Solve the puzzleRead much more.

Free maths puzzles course

The Course Guru website says

On this free online course, we’ll look at three types of maths puzzleRead more.

Earn a percentage of the selling price for every book sold.

Click here to learn more.

Cryptography

A GCHQ Twitter post says

The Applications of Probability to Cryptography…  Read more.

Maths puzzles with answers

The Pics Downloadz website says

Take another challenge in puzzles and solve this confusing math problem. In this puzzle, you will have…  Read more.

Like a crossword but with numbers

Cross figure puzzlesThe Krazydad website says

Here are eighty excellent Cross-figure (or figure logic) puzzles by Yochanan DvirRead more.

 Curated content

I wanted to write a blog post about maths puzzles.  So, I decided to curate the content.

I entered maths puzzles in the Google search box and began to search for posts about number puzzles.

I gave a quick summary of various websites.

Puzzle answers

Genius text 1 3 7 13If you are still wondering why y = 73, consider this formula: y = x(x – 1) + 1.  Sample a few numbers.  For instance, when x = 5, y = 5(5 – 1) + 1 = 5 x 4 + 1 = 21.  That checks out with the genius test to the left.

 

Semi genius math puzzle

 

The formula for this one is y = 2x2 – 1.  So, y = 2(62) – 1 = 72 – 1 = 71

How to create the genius test graphic

The genius test graphic will be displayed on more than this page and my Facebook page. It is a marketing tool to get people to my blog.

So, I wanted to use decent aesthetics and other marketing features. Here are the steps I used using the free GIMP photo editing software.

♦ Open GIMP
Blog on Barn Board♦ Open the blog on barn board graphic
Layers Panel new layerClick Image > Scale Image to reduce the width to 600 pixels
♦ Right-click on the Layers panel and select New Layer
Opacity layerClick the White radio button and then OK
♦ Reduce the Opacity to 90
♦ Right Click > Merge Down in layers panel
Color Picker Tool 2♦ Use Color Picker tool to select a color from the blog graphic.
♦ This will create a foreground color Genius text 1 3 7 13for your keystrokes when you create the puzzle.
♦ Type out the text
♦ Right-click in the Layers panel and select Merge Down.
♦ Click the double headed arrow beside the background and foreground colors
♦ While the genius test is still selected, click File > New
Math Puzzles Pinterest 2Add 20 pixels to default width and height of your new rectangle.
♦ Click OK and this will produce a rectangle same color as text
♦ Click on the test graphic and press Cmd C to copy it into your clipboard
♦ Click on your new colored rectangle and press Cmd V to paste the test graphic onto the colored rectangle
♦ Right-click in your Layers panel and select Anchor Layer
♦ Now your text graphic will have a 10-pixel border around it
♦ Select your blog on barn board graphic and click Image > Scale Image
Make it into a tiny image, click on it and press Cmd C to copy it into your clipboard
♦ Click on your math puzzle, press Cmd V and drag the tiny image to the place you want it to stay
♦ Right click on the Layers panel and select Anchor Layer
♦ Save the puzzle with a descriptive name, export it as a PNG file and upload it to your Facebook page 

drop down  drop downFacebook logo

 

 

 

 

 


Peter Enns has been developing websites since 1996. He is a social media blogger and author of the free YouTube video-creation tutorial called 7 Day YouTube.

tweets

Create a Blog Post Your Audience Loves

video making

Excavator page under construction

 

 

 

 

 

 

Discussing blogging tips, the CustomerThink website says

  • Cover your key points in your first paragraph and aim to hook the audience immediately.
  • Include a relevant image – posts with images are more likely to be shared.   Read more.

A Huffington Post article says:

Here’s the formula Alex Ikonn developed to guide their social media successQuality (Q) + Value (V) + Consistency (C) + Authenticity (A) = Massive Social Media Community (MSMC).Let’s look at each component in det... Read more.

 A JoeKoss.me blog post says
This short introduction will give 3 key tips to creating that killer blog post: 1) write for story; 2) hook the reader; 3) design for effectRead more.


Earn a percentage of the selling price for every book sold.

Click here to learn more.
 

Combine Social Media for a Multiplying Effect

Eight social media

Snowball pushed by boyIf you combine 8 different social media, your marketing efforts can snowball.  A SlideShare post can send people to a YouTube video.  That YouTube  video can send people to a blog.  And so on.

YouTube

This page has been summarized in the YouTube video below.

Start with a blog

Note for NewbiesI always start with a blog.  I decide upon the message I want to get across.  Before I start creating content, I use Google Trends to find one or more keywords that closely relate to that content.  I might use Hashtagify to find closely related Twitter hashtags.

The above exercise will help me create a title.  It will also give me some keywords that I will likely try to combine within the article.  (Careful: In order to get high rankings with the Google search engine, all of the ideas in each paragraph should flow naturally.)


Earn a percentage of the selling price for every book sold.

Click here to learn more.

SEO your blog

I always use WordPress for my blogs.

There is a reason why a quarter of the websites in the world use WordPress.  One reason is because they provide so many free plugins such as SEO by Yoast.

From the beginning I start search engine optimizing (SEO) my blog.  I go down to my SEO by Yoast and decide upon a focus keyword.  That will be a keyword I got by using Google Trends and/or Hashtagify.  As I write the blog post, I make sure the points in SEO by Yoast are covered.

Starting the blog

I write out the idea I wanted to get across.  If it is less than 300 words, I use CurationSoft to get summaries of articles related to my topic.

Learn about blogging with consistent quality content.

Facebook, Twitter & Google Plus

For my social media marketing I always use a blog followed by Facebook, Twitter & Google Plus.  If I feel so inclined, I will also add Pinterest, YouTube, SlideShare and LinkedIn.

It is quick & simple to use Facebook, Twitter & Google Plus to promote your blog.  You are increasing the probability that the search engines will find your blog.

Same picture 3 social mediaTo the right is a sample of Facebook, Twitter & Google Plus all promoting the same blog post.  They all use more or less the same high-quality stock image.

However, note that the wording of the text is different in each one.  That is to make sure that the search engines to not penalize me for having duplicate content.

The “social” in social media

2 people having coffeeWith social media we are socializing with people.  We are not blatantly trying to sell them something.

If you want to sell people something, do it in a convoluted way so that they feel like they are socializing with you.

Subtle theme

Scam in Red Keyboard Magnifying GlassEven the theme of your posts may be expressed subtly.  I was recently a victim of credit card fraud.  I want to let people know about that but I don’t want to overdue it.

So, I made a blog post and a YouTube video about finding high quality stock photos.  It subtly linked to the blog post about credit card fraud.

YouTube

Watch the YouTube video I mentioned above.  Read this page.  Pay special attention to the idea of 30 videos in 30 days.

Read the post about video marketing and getting started with YouTube.

SlideShare

Click the white arrows on the SlideShare presentation below.

Properly-made SlideShare presentations are powerful.  Your organic searches can be larger than your Facebook and Twitter searches combined.  Besides that, starting at slide #4 you can have multiple links to your web pages.

LinkedIn

Read this article I wrote on LinkedIn.  It also subtly promotes credit card fraud.

Pinterest

Credit Card Fraud pinHere is the  Pinterest pin I created using that magnifying glass graphic.  See this Pinterest pin in the Pinterest website.

Note that as the months or even years go by, a Pinterest pin can become more popular.  This is opposed to Facebook or Twitter where your posts rarely get shared after the day they were first posted.

Also note that it is very important to have compelling photos.

 


Peter Enns has been developing websites since 1996. He is a social media blogger and author of the free YouTube video-creation tutorial called 7 Day YouTube.

tweets

Trivia

Where have you gone Joe DiMaggio?

Joe DiMaggio

Joe DiMaggio was the New York Yankee who had 56 base hits in a row.

He was immortalized by writer Paul Simon in the song Mrs. Robinson.  Joe DiMaggio was on record as saying he had no idea why his name was in the song.

“I happened to be in a restaurant and there he [Joe DiMaggio] was,” recalls [Paul] Simon. “I gathered up my nerve to go over and introduce myself and say, ‘Hi, I’m the guy that wrote “Mrs. Robinson,” ’ and he said ‘Yeah, sit down . . . why’d you say that? I’m here, everyone knows I’m here.’ I said, ‘I don’t mean it that way — I mean, where are these great heroes now?’ He was flattered once he understood that it was meant to be flattering.”

When Simon met Mickey Mantle on “The Dick Cavett Show,” the Mick asked him why he didn’t use his name instead of DiMaggio’s. “Wrong amount of syllables,” Simon told the Yankee star.

A base hit is credited to a batter when the batter safely reaches first base after hitting the ball into fair territory.

 Steve Jobs 2005 Stanford Commencement Address

 


Peter Enns has been developing websites since 1996. He is a social media blogger and author of the free YouTube video-creation tutorial called 7 Day YouTube.

tweets