Frank Schulte-Ladbeck

Archive for the ‘Website Setup’ Category

With WordPress, you can choose when your post goes live. With planning, you can make the most of bringing users into your site.

Most of my posts publish when I am out of the office. This fact was noticed by a friend who wondered how I accomplished such a feat, but I think the reason why I scheduled a post to publish at a certain time is more interesting. This is one of those “do you know your audience” posts. You see I could post my article after writing it, but I may not obtain all of the readers that I could by that means.
Read the rest of this entry »

Site optimization can be wonderful and frustrating, but it could lead to a better user experience.

I was fairly satisfied with the load times on my main business site, so I never considered some optimization steps beyond what I had already accomplished. I decided to download Google’s Page Speed, and take another look at Yahoo’s Yslow to see what I could do for my site. This led me on an adventure that I thought would be good to share.

Read the rest of this entry »

With a new emphasis on your site’s page loading time, you may find that your WordPress theme does not meet the standard.

The time taken to load a page into a browser is page speed, and the page speed value can differ depending upon the browser and the service being used to connect to the web. As WordPress is being used by more businesses as a content management system (CMS), I thought that discovering a means to improve page speed in their themes without the knowledge of coding may be helpful.
Read the rest of this entry »

How much content are you putting on a page, and is it useful to your visitors? Or could it be useful to you?

Could blogrolls be a thing of the past? I ask, because you may find that more sites are dumping their blogrolls for other features. Links pages are popular to a degree, but I think that they are taking on different forms. I debate about blogrolls on my sites. A few years back, I carefully crafted my blogroll to meet the best needs of my users. I began to use it as a social tool as well. I would include other blogs on my list that I wanted to interact with. Sometimes this tactic worked; sometimes not. As I became smarter about link building, I used the blogroll as a tool in this campaign: I will put you on mine if I am on yours. Eventually, the blogroll became a dead feature for me. I hardly ever clicked on anyone else’s list, and I did not go to many links/resource pages either.
Read the rest of this entry »

A good checklist can save you time and money, but you should think about the design to help your business get it right.

I have so many projects going on at the moment, that I decided to create some checklists to make sure that I am hitting all of my tasks. Checklists seem to be unacceptable to many people though. When I tried to help my fellow home inspectors out by creating a checklist to help them with the new rules for home inspection, I received several negative responses. The idea was that a person could not catch everything by following a checklist. Another person commented that you cannot be creative with a checklist. I beg to disagree.
    The professionals who do their job best have designed their tasks to meet their goals. Part of that design starting point is a checklist. To create a checklist, you have to think about what you need to do to ensure success at each step. I will agree that going through the steps, checking them off, is not going to be the best option for your business. I leave space to write notes in my checklists. Note taking helps me to reach the next level; however, a not might not have occurred to me without having gone through the checklist first.
    Multitasking requires organization if you wish to be effective. I began to think of how I would form a checklist for my websites. I began by looking at different tasks that I need to accomplish, and how those tasks can be handled on different days. Since this is a checklist for my website, and there are quite a few tasks which need to be taken care of while I am on the internet, I created an HTML version of my list, so I could set my browser home page to that list. When I open my browser, the first thing that I see is the task which I have to undertake. Here are my beginning notes. Your task could be very different, depending on what you need to accomplish.

Monday    Google Analytics, Webmaster
Central, site optimization, rank check to fill out terms, forum
Procedure:    1) Find Top landing page articles to compare to the week before
2) Check if pages have been optimized by using term target or semager(need chart)
3) Find websites sending traffic to me; discover why (need chart)
4) Record Adsense revenue
5) Use Rank Check to discover where I sit with keyword ranking process (need to chart)
6) Find keywords that I am hitting with SEMrush report
7) Go to forum A to respond to questions

Tuesday    article for free sites
distribution
Procedure: 1) Look up articles from week before
2) Rewrite sections or create a brief article referring back to original article
3) Places to submit to:
ezine Article
ehow
articles4ever
4) Go to forum B

Wednesday    Keyword research on semrush, Google Insight, Google Trends, Website link building research
1)Pick a term to target that you have not been ranking for on the semrush report from Monday
2) Find a term with a high CPC and preferable low competition
3) Go to Google insight and Google Trends (Can this be done with tool on iGoogle?)
4) Pick terms to target for the next week
5)Find websites for dofollow comments on commenthunt(?); look for edu blogs; seospyglass?
6)forum A

Thursday    Photograph editing for articles
Procedure:   
1) Find or take photgraphs based upon keywords found on Wednesday
2) Use GIMP to Size them
3) Plan out articles (titles, h3, body paragraphs)
4) Go to forums B and C

Friday    Write articles for the next week 
Procedure:    1) Write articles when I have a chance on Friday and Saturday
2) Go to forum A and D
3) Commenting for linkbuilding

This web development checklist will be an ongoing process. Creating a checklist and never altering it can lead to failure. I found that doing these tasks can help improve my site. At one time, I performed them all on one day, which lead to a long work day. Currently, I am spending around two hours each day on this checklist; however, this is because I am getting into my groove, and I am trying to find ways to improve my website’s performance. Once my system is in place, these jobs should go fairly quick, yet I will still spend time evaluating the checklist.

There are free solutions for a small business when you need data from your site.

When I started off as a manager, I was not overly concerned with data. I was more focused on my staff, and the job at hand. As I developed as a manager, I saw how understanding an MIS report could help me perform better. I became involved with budgeting more, so I found that I really needed to understand my numbers. I think that some small business owners may ignore their operating metrics in areas where they are not familiar. Setting up a website may be one such area.
Read the rest of this entry »

Navigation Bars are great for visitors. They make it easy for users to find information quickly. Since they may wish to explore posts in certain categories, you may want to feature your categories in a navigation bar format.

Read the rest of this entry »

When I was doing some research for some content, I decided to see if other blogs had written on the topic. This led me to several blogs, and an unexpected discovery.

Read the rest of this entry »

A look into the evolution of a home page. Thoughts behind a design change, and how it was done.

I have joked with a friend that websites are never done. We constantly tweak them in an attempt to find the optimal solution, which may never happen. When I had a static site, I saw that other home inspectors had main pages packed with information, and I kept changing my page to have various pieces appealing to users or to meet the latest data on what works for marketing. When I set up a landing page on my blog, I did the same. Packing content on that page in the hopes of a sale.

Read the rest of this entry »

An out of the box free theme will not have all of the elements that you may want, or set up for your business’ needs. Adding elements is quite simple, and the sidebar may be your first stop.

Before I understood the code, I was able to change the order of widgets and elements in my sidebar. You can look at the code to see patterns, and by keeping those patterns, you can make your changes. The simplest change involves the order of the items in a sidebar, or eliminating an element, like a blogroll. Understanding some basics of code will make this process faster, and you may find that your sidebars can become effective in your marketing.

The Basics

In your WordPress theme, you will find a file called “sidebar.php”. You can edit this file in WordPress through the Editor found under the Appearance section. Feeling more adventurous? Use Notepad or Notepad++ to edit these files when not logged onto the internet. If you have more than one sidebar, you will see sidebar1.php, sidebar2.php, and so on.

When you open this file, you will be greeted with <div id=”sidebar”>. This bit of code sets up everything following as part of the sidebar. The code <div> and </div> create a section (division) of your site- one opens the section and the next one closes it. Anything that you put into those tags will go into the sidebar.

Here is where you need to pay attention. Let me give two examples that define the same element in two different themes.

Example 1

<li id=”links”>

<ul>

<?php wp_list_bookmarks(‘title_before=<h3>&title_after=</h3>&category_before=&category_after=’); ?>

</ul>

</li>

Example 2

<div>

<div class=”Block-tl”></div>

<div class=”Block-tr”><div></div></div>

<div class=”Block-bl”><div></div></div>

<div class=”Block-br”><div></div></div>

<div class=”Block-tc”><div></div></div>

<div class=”Block-bc”><div></div></div>

<div class=”Block-cl”><div></div></div>

<div class=”Block-cr”><div></div></div>

<div class=”Block-cc”></div>

<div class=”Block-body”>

<div class=”BlockHeader”>

<div class=”header-tag-icon”>

<div class=”BlockHeader-text”>

<?php _e(‘Links:’, ‘kubrick’); ?>

</div>

</div>

<div class=”l”></div>

<div class=”r”><div></div></div>

</div>

<div class=”BlockContent”>

<div class=”BlockContent-body”>

<ul>

<?php wp_list_bookmarks(‘title_li=&categorize=0′); ?>

</ul>

</div>

</div>

</div>

</div>

Both pieces of code do the same thing, list the sites listed in your blogroll. They both tell the browser how these bookmarks will be displayed. Obviously, one bit of code is much shorter.

Let us take example 1 apart. The first tag that opens this element is <li>. Think of this as setting up a section within the larger section established by the <div> tag. Inside the <li> tag, you see attributes that define what this section includes. In this case, we find that the section is for the links. We then find a tag <ul>. This indicates that what comes next is an unordered list. If it was an ordered list, the tag would be <ol>. Your list is unordered, because you will be adding to it from your WordPress administration panel. All of these bits of code were HTML. Now we come to our first bit of code in php. Within the parentheses that start with ?php, we see a command that asks the server to find the list of blogroll links. Then within another set of parentheses, we see a command that tells the browser that these links will be placed under a header with the a title “Links” inside a tag <h3>. The <h3> tag tells the browser that this is a header of size 3. Size 1 being the largest header, down to size 6, the smallest. We then find the closing tags for this section. A closing tag uses the / mark inside the <> before the type of tag, li or ul.

Why is example 2 so complex? Well, the code was generated to create a specific look for a box surrounding the blogroll, and the elements inside that box. It has a lot of <div> tags. Just because we set up the sidebar with a <div> tag does not mean we cannot use them again. If you look inside all of these tags, you will recognize that the command telling the server to list the bookmarks is in the middle, and it is place within a unordered list. However, the code inside this command does not tell the server to create a header. It does tell the sever how they will be presented in that list. If you look, you will find the header mentioned in this command <?php _e(‘Links:’, ‘kubrick’); ?>. You will see that there are no <h3> tags, or any other <h> tags. In this case, the header is placed into a header image defined in the stylesheet. Getting back to this command; it simply tells the server to tell the browser that the title of this section is Links.

When looking at your own theme, look for those basic elements to find what is included to make one of your sidebar elements. You will be looking for <li> and <ul> tags, and you may need to look for <div> tags, but check for the repeating pattern.

Switching the Order

To move the order of the elements, you can open your editor to cut and paste theme in the order that you want. You have to save the file to implement those changes. Why would you want to switch elements? Maybe you would want to emphasize your links, but you want search to be down on the bottom of the sidebar. If the links are to your other business sites, you may want a visitor to go to those sites, so by bringing them up, a visitor is more likely to see them. Maybe they would only need to search, after they looked at those sites.

Adding an Element

What is important to you? Most WordPress themes have a blogroll. These are great ways to share your links with readers, but if you are a business, maybe you do not want to send your visitors to other sites, or you do not have other sites that you want to link. On my home inspection blog, I came to the conclusion that the blogroll was ineffective. On my site, visitors were quite likely to click on a link inside a post, but very rarely clicked on a link in the blogroll, even when I suggested that they do so. In fact, the only links visitors typically clicked on in my blogroll was to my other sites, and not to the other businesses that I was linking. I also so no reason for the Archives, because I found other ways for the user to navigate my site. There were other elements that I wanted. Here is a list of common elements found in a sidebar, but not necessarily in all free themes.

<?php wp_dropdown_pages(); ?> this lists the pages of your site in a drop down list. For example, if you have special pages attached to your About page, the About page would show up on the browser, while the special pages show up when it si clicked.

<?php wp_list_bookmarks(); ?> the links or blogroll

<?php wp_dropdown_categories(); ?> these are the categories for the articles on your site, listed by main categories, and subcategories when come in a dropdown list.

<?php wp_get_archives(); ?> This lists the archives, so posts can be accessed by date published.

<?php get_calendar(); ?> places a calendar in your sidebar

<?php wp_tag_cloud(”); ?> You will probably write down keywords as tags for your posts to help with SEO, but tags also help related pages plug ins find common topic posts, and tags are a great way for a user to search your site. This command produces a tag cloud (a list of tags) used on your site.

<?php wp_dropdown_users(); ?> This lets your site become a little more social by listing the users of the site.

<?php wp_list_comments(); ?> Want visitors to see the latest comments, then use this command. If you do not have many comments, you may not want this one.

Note: for any command that uses a dropdown in it, you will need to follow the following form in your sidebar to make it work:

<li id=”users”>

<h2>Users:</h2>

<form action=”<?php bloginfo(‘url’); ?>” method=”get”>

<?php wp_dropdown_users(); ?>

<input type=”submit” name=”submit” value=”view” />

</form>

</li>

I am going to deal with advertising and adding social media elements in your sidebars in different posts. I do want to mention one element that does not call upon the server or produce some standard blog/site feature. If you go to my home inspection site, you will see that the first element is a mission statement with my phone number. On this site, the mission statement with phone number are in the header. This statement is a good marketing tool. By having a mission statement, I let my readers know at a glance what my site is concerning. By including my phone number, I give a way for people to contact me quickly. You will find that not all users will go to your form or send you an email, so make your phone number easy to find on any page. Here is how to set up this element:

<li>

<h2>Title if you want one</h2>

<p> Mission statement or other info</p>

</li>

Here we have a title tag <h2> which stands out. You may not want it, or you may want to make it smaller with <h3>. We then have a tag that defines a paragraph of text, <p>. We then close these tags.

Alright, this post is becoming to long, but I hope this gives you a good overview of how to start changing your theme.