All Ping

In order to receive as much traffic from those search engines it is vital to make up the web page correctly, immediately from the start. Below follow 10 tips and pointers on how to do this the right way.

1. Proper SEO use of the “Title” tag

The Title tag is a standard part of the HTML make up of any web page. It usually is the first text spiders from search engines read when visiting the page. Therefore, it is important to know that most search engines only read the first 73 characters of a title, so make sure that your main keywords or key phrases are located in those first 73 characters.

2.meta tags

Meta tags are special HTML tags on a web page that contain information for spiders and bots. Even though large search engines like Google and Bing no longer read them, but lots of smaller search engines still do and therefore it is still important to include the meta keyword and meta description tag. It should go without saying that in there your main keywords and key phrases should be present.

3. Make search engine spiders revisit

Once your web page has been discovered by the search engines it is important to make sure they revisit the page within set intervals of time. For this a special meta revisit tag is used. Normal usage sets the revisit value on 14 days, but if your page updates frequently it is allowed to set it to a shorter period, like 7 days or less. This way you get more control over when your updates get indexed by those search engines.

4. First text

Now your tags are in place it is time to put up the first paragraph of text on your page for search engines, like google and Bing who do not read meta tags. Those search engines will take the first paragraph of text instead. It is important to know that from this paragraph only the first 143 characters are actually read and indexed by search engine spiders, so make sure your main keywords and key phrases are in the first part of the paragraph.

5.Keywords

With the above tips and tweaks we have the basic structure ready, so now it is time to write up the rest of the content and use your keywords and phrases correctly. With the recent Google updates it is important not to repeat your main keyword too often. A keyword density of one percent usually does the job just fine, while overusing them will actually hurt your rankings. For example, if the content of your web page consists out of 500 words, repeat your main keyword 4 to 5 times maximum and you will do fine in terms of ranking and indexing. 

6. keyword variations

When you picked your keywords, and did your homework you also made a list of synonyms of those words, to use in your content. This way you can catch and rank for all variations of your keyword, and make optimum use of the SEO power of your web page. For example: If you have page about guns, you can also use pistol, rifle and other variations to beef up your text with added SEO power.

7.Keyword stuffing

Not so much a tweak but a word of warning: Don’t use keyword for the sake of adding keywords. Make sure your text makes sense and remains easy to read. Overdoing it will be picked up by the larger search engines, like Google and Bing and it will penalized with lower rankings or worse de-indexing of the entire web page. So use common sense and keep your readers in mind, even when adding SEO elements to a page.

8.Unique text

When writing for search engines always ensure your text is unique. Copying and pasting texts partly or in whole from other places will get recognised by the search engines and your page will be penalized for it with lower rankings.

9.RSS

Really Simple Syndication(RSS) can be a powerful means to get your web page listed on the search engines fast as well as get some fast traffic from other sources. If your site has the ability to use RSS feeds, make sure to enable it because search engines index those too and so called “RSS aggregators” might pick the feed up.

Social media

Once your page is ready and optimized with the above tweaks and pointers, be sure to publish them on sources like Twitter and Facebook. Search Engines love social media sites and will find your new web page almost instantly once you posted a link on there. In case an RSS feed is present you can even automate this process by using services, like Feedburner.

10.Always do your SEO homework.

The above tips, tweaks and pointers assume you already did your homework and have done the appropriate research in order to find all relevant keywords and key phrases as well as their variations ready before you started constructing your web page. Preparation is half the work, and this hold particularly true when it comes to optimising your sites for the search engines.

Free WordPress Themes

OnePager – OnePager is a responsive portfolio theme with an integrated image slider, contact form, and theme options page. It’s really easy to customize; just fill in the desired information for each section and you’re done.
        [ Features | Demo | Download ] Sugar Glider – Although a little dated, Sugar Glider is still a nice theme that would work great as a portfolio or landing page. There’s a contact form at the bottom of the page along with social media icons to help you connect with your visitors. 

  [ Features | Demo | Download ]

Appz – Appz is a beautiful, clean landing page theme that is specifically for app developers. You can use it to show off your new iPhone or Android app in style. 
   [ Features | Demo | Download ] Launcher – A responsive “coming soon” theme that includes a Feedburner subscription box to keep your visitors updated on your site’s launch. You’ll also see a cool little launching effect when you scroll your mouse over the rocket. 
 [ Features | Demo | Download ] Solio – Solio is a surprisingly free portfolio theme built in HTML5 and CSS3, with great features like the ability to state if you’re available for hire. As you can see, this theme was designed with freelancers like designers, artists, photographers, and developers in mind. 
[ Features | Demo | Download ] Visiting Card – A very simple mini-site that can be used to display links to your social media sites. You can also add a picture and biography, along with your contact information. Unfortunately, a contact form is not included with the theme, but it shouldn’t be too hard to add one.
   [ Features | Demo | Download ]





Landis – Landis is a very basic “Coming Soon” page. Users can’t subscribe by email, but they can spread the word of your future launch on Twitter and/or Facebook.
[ Features | Demo | Download ] Launch Effect – A responsive theme to help you build viral campaigns; it’s available as a free (lite) version or Premium version. With the free version you’ll get a customizable landing page (with different skins), viral referral engine with stats, and email integration. 
[ Features | Demo | Download ]



Retro – Retro is a colorful and unique retro-style portfolio theme, with an optional blog and an AJAX contact form at the bottom of the page. There’s a a nice fixed navigation bar at the top, a featured slider, and nice big noticeable sections that really stand out.
[ Features | Demo | Download ]



PhotoGrid – A stunning portfolio theme (100% AJAX) that is great for photographers and anyone else who wants to showcase their photos. There are a lot of cool effects going on with this theme, and you really have to view the demo to truly appreciate its unique features.
[ Features | Demo | Download ]



Leatherly – Leatherly is a beautifully detailed portfolio theme that is great for showcasing your skills and finding new clients. There’s a section to display photos, a section to showcase your skills and abilities, integrated social media icons and a contact form. 

[ Features | Demo | Download ]

Apart from page suggestions and shares from your subscribers, non-fans could be directed to your Facebook page by external referrers. This is the place to find out who your biggest referrers are, located in thsi section here Page > Page Visits > External Referrers.

So here is the story: you built a cool open source project and shared it to the world for free. Then, it suddenly got really popular, and as more and more people come in to download your project files, your server takes a toll. Maybe it is time to host your project on a Github Pag

Many popular and notable projects are hosted on Github such as Bootstrap, Prefix-free andNormalize CSS, to name a few. And in this post we will show you step-by-step how to create one for your own use.

Step 1: Github Account And Project Repository

First of all, before you are able to create a Github page, you need a Github account, and then you also need to create your project repository. You can easily create a new project repo by using Github application, which is available for both Windows and OS X.

Step 2: Create Local Repository

Assuming that you have an existing project ready to publish, you can open the Github application – in this example, I’m using the one for OSX – and add it as your Local Repository. To do so, click on the “+” button that is found at the bottom of the application. Then select the folder where you saved the project.

Step 3: Push To Github

After creating the Local Repository, you need to push it to Github. At this point, unless you have aPro account where you are able to set your project to Private, it will be available for the public at Github, meaning that anyone can download and fork your project.

Step 4: Create Github Page

Creating a page for your project, go to your project repository – usuallygithub.com/username/project-name.

And go to the Settings page. This is where you setup your project repo, and create the page for it.

Step 5: Change Title And Content

Now, it’s time to change the title, the content of your project page (in Markdown), and if you want to, you can also insert your Google Analytics ID to allow tracking of visitors to your page. If you are done editing the content, you can Continue to Layouts.

Step 6: Select Page Theme

Github has provided several themes to choose from for your page. If the themes do not meet your taste, you can create and design your own with an index.html and stylesheet (perhaps in another tutorial).

Step 7: Publish The Page

Lastly, click on the Publish button, and allow Github around 10 minutes to process your page.

Although we are currently leaving in a digital era where everything can be accessed easily, there are many people who still prefer reading long text on paper. There is a chance that a number of your users will print out your content to read offline.

The capability of styling or porting content from web to print has existed for years. We can do this with the @media rule within the stylesheet, as follows:

          view plaincopy to clipboardprint

1. @media print { 
2. /* Style rules */ 
3. } 

There are several properties that allow us to format our web content when porting to print, and we are going to discuss one of it: the Page Break.

What It Does?

If you have been working with word processors like Microsoft Word and Pages, you should be familiar with the Page Break menu; this allows you to break your content to the next page.

This module does that; allowing you to control on how your web content should be split, page after page.

Using Page Break

For demonstration purposes, I have created a dummy page that I’m going to print. Here, I have found an unstrategic break, as you can see below.

It would look better if the heading and that orphan starts at the next page.

To do this, we can use the page-break-after property and set the value to always to force the following element to “break” to the next page.

view plaincopy to clipboardprint?

1. .page-break { 
2. page-break-after: always; 
3. } 

Then, you can either create a new element with the class in between the elements, or assign class in the preceding element like so.

view plain copy to clipboard  print?

1. <p class="page-break">With the <strong>Eraser</strong> feature, you can take composites of a photo, then put all of that together, to get the background without the extras you don’t. </p> 
2. 
   
3. <h3>The phone to travel With</h3> 
4. <p><strong>S Translator </strong>is going to be a great tool for your travels as ... </p> 

Now, you should find the heading and the orphan at the following page.

Widows And Orphans

The method above can be tedious if you have very large amounts of content. So, instead of forcing the content to break, it would be better to set the minimum threshold of the widows and orphans.

In typography, widows and orphans are the unfortunate names used to refer to the left over words or short lines that seem to have been abandoned by the rest of the paragraph on another page.

By using the orphans and widows property, we can specify the threshold. Given the following code example, we can specify at least three lines remain at the bottom or at the beginning of paragraphs where page breaks occur.

view plain copy to clipboard print?

1. p { 
2. orphans: 3; 
3. widows: 3; 
4. } 

Further Resource

We have discussed the basic of controlling page break in print media for your web content, and we hope that this encourages you to consider print styles in your website so your content will look good both on screen and on paper.

For more, you can head over to the following reference.

• CSS Paged Media Module Level 3 — W3C