Is your wordpress theme doing you justice?

4 replies
alright guys and girls.

i know many of you might already know this, but being a recent newbie myself i have noticed many noobs on here looking for advice.

i have been working at internet marketing (actually doing, rather than reading) for a few months now.

i am trained as a graphic design, but posses no html skills, this led me down the route of wordpress.

i have noticed a trend whereby people who used to do html are now moving over to wordpress.

i dont need to go through why it is great, there are countless threads on here about it and all over the internet.

but there are two things that some people might not know to make your wordpress site even better.

CORRECT USE OF HEADING TAGS!

there are millions of free and even some paid wordpress themes that get this WRONG.

google loves blogs anyway and you will still see traffic leaving it as it is, but you are limiting search engines from seeing your site how it should be.

- your blog title should only be a H1 on the front page, H2 everywhere else.

- page and post titles should be H1 everywhere else.

- if you have sub sections in pages or posts USE HEADING TAGS to define its importance. (i have seen so many sites making the text bold, this does nothing for your seo)

The easy way to check and correct this is to veiw your site in firefox and go to view>page source. If this is wrong, go to your editor in wordpress admin>appearance>editor and adjust accoringly.

You may notice a change in the site appearance, to correct this you need to edit your css heading styles.

if you are looking for a new theme ALWAYS CHECK the source code on the preview site. if you dont fancy editing the code move onto another theme until you find one that is correct.


My second gripe with some themes is load times, seach engines love fast sites. many images in the themes out there are not optimised in the slightest.

when you download a theme always try to sqeeze the files sizes of the images down as much as possible without loosing quality.

when the site is up ALWAYS USE WP-SUPER-CACHE!

and if possible host your pictures and videos on another server and embed them in the site. this way search engines can see your site much quicker.


a good tool for checking load times is firebug (part of seo book) google it and install it in firefox. you will need to go to the net tab and reload the page. anything under 2-3 seconds is great, if not you need to do some more work.

sorry for the long post, hope this helps some people out.
#justice #theme #wordpress
  • Profile picture of the author sridhar
    Got recommendations for theme(s) that has all your suggested heading tag goodness?
    {{ DiscussionBoard.errors[1639284].message }}
    • Profile picture of the author iwantmore
      clickbump has a good few themes that follow the guidlines above

      clickbump.com|Teaching from What I am Learning

      theomatic definatley is good for seo

      hybrid is the FRAMEWORK i use for most of my sites

      WordPress › Hybrid Free WordPress Themes

      i think i missed out in the last post the differences between themes and frameworks.

      basically if you want work from a consistent platform use a FRAMEWORK and add child themes/skins to this framework.

      its quite weird, but it is usually the basic looking themes that get things right, very flashy themes seem to bypass seo completley.

      using a framework allows you to make it custom to your needs, and then just add skins.

      sorry i could give many more examples (maybe flexsqueeze?) i generally use hybrid and custom fit it to my needs.

      heres a list of some frameworks you should consider

      Theme Frameworks WordPress Codex

      just to note also i dont feel i explained it properly.

      your post heading should be H1 when you go to the post page (not every heading in your blog page)
      Signature
      No Half Pixels
      Creative Web Development and Design, NOT A FIXED PRICE SERVICE, if you want the best don't settle for an off the shelf solution.

      We provide cutting edge design, web development with WordPress, WHMCS, PHP, HTML, CSS, jQuery, and personalised hosting solutions to suit any needs.
      {{ DiscussionBoard.errors[1639513].message }}
      • Profile picture of the author Istvan Horvath
        Originally Posted by iwantmore View Post

        just to note also i dont feel i explained it properly.

        your post heading should be H1 when you go to the post page (not every heading in your blog page)
        No, you didn't

        If you are so much into WP - learn its terminology!

        Multipost views = index (aka main, front, home); archives; search results
        (Archives can be: category archives and time based archives, e.g. daily, weekly, monthly, yearly...)

        Single post view = showing a single post.
        (Pages have only "single" view"; i.e you cannot list multiple Pages on one page. BTW, notice the proper use of Pages and pages when talking about WP )

        And now here is the part the you "forgot" to mention. You make it sound very easy:
        Originally Posted by iwantmore View Post

        - your blog title should only be a H1 on the front page, H2 everywhere else.

        - page and post titles should be H1 everywhere else.
        However, you need a good working knowledge of the conditional tags to be able to change the H tags around the blog title depending on what page you are.

        In theory, what you said is true and can be applied.

        In practice, just going around and changing the h1 tags in the header.php for blog title will not help you because every template (index.php and single.php in our case) call the same header.php.
        Signature

        {{ DiscussionBoard.errors[1639579].message }}
      • Profile picture of the author clickbump
        Originally Posted by iwantmore View Post

        clickbump has a good few themes that follow the guidlines above

        clickbump.com|Teaching from What I am Learning
        @iwantmore > Thanks for the mention

        I'll add a few things here in the interest of helping anyone creating their own themes...

        1) Learn and use CSS sprites

        2) Optimize your css and always include it in a linked stylesheet. Minimize the use of inline styles

        About CSS Sprites
        This is a technique where you place all your reusable images (header, footer, icons, bullet images etc) in a single image, preferably oriented in a horizontal layout. Then use css background positioning, along with defined width (and height if necessary) to frame the element (usally a div) so that the sprite image's x coordinate places the appropriate image within the viewable area of the parent div boundaries. The sprite image is always included as a background image within the target element in which it appears like so...

        .myDiv {background:url(mySpriteImage.png) -120px 0 no-repeat;]
        /*
        first value is horizontal offset position, in this case, -120px. Second value is the vertical position offset, in this case, zero (hint: never use units with zero value as its unnecessary, but I've seen theme designers do it all the time none the less
        */
        About Linked Styles vs Inline and CSS Optimization
        Using a linked stylesheet allows the browser to cache the site's style rules once they are first downloaded. This means that on every subsequent page load, the style information is instantly available to the browser, including all images referenced in the stylesheet. The effect is lightning fast page loads, happy viewers and less bounces

        You should also seek to optimize your style declarations by using css shorthand and grouping like styles in a single reference.

        Example of css shorthand...

        Better to use shortand css like this.
        .somediv {border:1px solid #000}
        As opposed to...

        .somediv {border-color:black; border-width:1px; border-style:solid;}
        Both rules have the exact same effect, but the shorthand version is half the size of the longhand. Imagine if the entire stylesheet is coded this way, you'd save quite a lot of bandwidth and your pages would load that much faster


        Example of grouped selectors

        Better to combine styles when they share the same values like so...
        .header, .footer, .sidebar {font-weight:bold; font-family:verdana, helvetica, sans-serif; color:#fff}
        As opposed to...
        .header {font-weight:bold; font-family:verdana, helvetica, sans-serif; color:#fff}
        .footer {font-weight:bold; font-family:verdana, helvetica, sans-serif; color:#fff}
        .sidebar {font-weight:bold; font-family:verdana, helvetica, sans-serif; color:#fff}
        Signature
        {{ DiscussionBoard.errors[1960763].message }}

Trending Topics