Content / SEO Tips & Tutorials

Stop diluting the page theme, but siloing

Link(v.), only when it’s absolutely necessary, especially on your premier pages (landing pages from search engines) that have a touching relation with the sales. Every offsite link you make on the page, and even onsite links to other pages, dilutes the theme you intend to rank for in search engines, thus effectively bringing down the performance of targeted terms.

When you have to link, however, make sure that the linked page is as relevant as possible with the linking page. While doing a deep optimization of certain pages, reducing the number of irrelevant links on those pages as many as possible is definitely a good idea. Therefore, you should deflate the site navigation as well as other unnecessary link spots as thin as possible and construct vertical linking structures for each targeted theme while maintaining a site-wide theme that’s more general in niche.

By vertical linking structure, or siloing, I mean within each of the more specifically targeted themes under the site theme, you will link similar pages together but avoid cross-linking among themes targeted for different terms, even if they are related to each other.

To gain further insight, you may want to give Garywolf’s SEO Siloing and Bruce Clay’s Theming through Siloing a read.

Free Web Templates Free WordPress Themes

Free WordPress Theme – Vortex of Time

Not a full-fledged blog theme which lacks comment capabilities. For weird people only. You are warned.

Autumn style:
wordpress theme vortex of time, autumn style

Spring style:
wordpress theme vortex of time, spring style

Download it here:

Free PHP Classes & Library PHP Tips & Tutorials

What is PHP framework & Who are the Best PHP Frameworks?

Basically, PHP frameworks are programming layers that are promoted above PHP itself and that are much easier and quicker to deploy, normalizing and packaging 80% of the routines one is expected to work on without them, such as database interfaces. Therefore they free you from the chores of coding from very scratch line by line and do the common tasks that are shared among most of the projects for you.

Like many other frameworks, PHP frameworks such as the Code Igniter and CakePHP are built upon the MVC model. MVC stands for Model, View and Controller.

Model is essentially a prototype of all similar entities bearing shared descriptive properties. In the database, a table can almost always be interpreted as a model.

View prescribes how the data(models) are presented(in the browser, as webpages for example). In most cases, a view is a webpage template.

Controller is the control hub that can be directly manipulated to control other stuff, namely models and views. It’s where the logic lies in your PHP applications.

3 major PHP frameworks:

1. Code Igniter, is well documented and has a shorter learning curve, thus more appealing to beginners.
2. CakePHP, is more of cup of tea for veteran PHP developers. As intuitive to use as CI, but not as well documented and the learning curve might be a little too long.
3. Smarty, I don’t know much about this one and only tried it once. It’s more like a templating system than a framework, I think. If you don’t plan to add registration functionalities, session management and things like that, you can go with Smarty, though CI and cake can also do a good job in templating.

Update: There’s also a 4th greatly renowned php framework that is Zend Framework. All seems well done and I’m gonna try it out for one of my recent projects soon.

Business and Marketing Kavoir & Whatever

Joyfulness is the ultimate secret for any successful website

Be a happy webmaster, I must say to myself, to whom I owe the joyfulness of making websites. I shall from now on make websites for the only sake of my own enjoyment and confidence. And I believe it’s the only way to a successful website. It endures and delivers. It dominates. Because joyfulness itself is the ultimate goal of every human life.

Business and Marketing

Law: The Measurement of Copyright Fair Use – 4 Essential Subjective Guidelines

Someday you came across a copyrighted picture that goes perfectly with your own content and wanted to embed it in your texts with a link to the original source, wondering if this action was allowed by law. By your ethical holdings and legal awareness, after failure to reach the owner, you decided to take the step forward and put the asset up on your own webpage in a reduced form with appropriate credit and linked it back to the original work, hoping it constituted a fair use that would absolve you of possible copyright infringement.

So what constitutes a fair use?

It’s universally acknowledged that one is not expected to duplicate copyrighted content on the internet either entirely or in portion in the infringement of copyright laws. However, in cases of fair use, borrowing of copyrighted material may not necessarily break the code. Although unfortunately the judge is the ultimate authority on whether it is a fair use or not, there’s essentially 4 factors governing the he or she’s decision-making process.

  1. The purpose and character of your use
    Not just a same-as-source duplication, your work to use copyrighted content upon new insights, varied expressions, ascended ideas and so forth may well be considered a fair use. Whether or not you are adding value to the new work with borrowed content is an essential criterion in the determination.
  2. The nature of the copyrighted work
    1) Is the work fact or fiction oriented? In light of the fact that dissemination of facts benefit the public, you could possibly make good fair uses of factual works while it is wise to keep away from novel works which is more of an intellectual product of the author.
    2) Is the work published or not yet? Publishing content the 1st time even before its author does, you are well on the way to a court lost.
  3. The amount and substantiality of the portion taken
    Take as small portion or amount as possible of any original work. The less you copy the more likely you are excused of a fair use. Nevertheless you should bear in mind that the substantiality is also taken as a strong factor that you are to be convicted of copyright infringement if the copyrighted portion used in your work is considered essence or heart of the original one.
  4. The effect of the use upon the potential market
    This is generally decided by the result whether the use is undermining the benefits origninal owner receives from the work. If it deprives the income he or she is expecting, it is understandable that you may trigger a lawsuit and almost undoubtedly, lose it.

As the judgement of fair uses is much too subjective and subject to the logic and perspective of the judge, it is highly advised to contact the owner or simply pay a price to get the permission required to display copyrighted work in your own. Apart from the widely accepted criteria listed above, the judge has more to resort to in the judgement of any specific case. For instance, you are more likely to lose with a site filled with advertisements and much less likely so with a non-profit educational .org.

More legal resources on fair use

Free Web Templates Free WordPress Themes

A grand new redesign – MagMania wordpress theme

Updated: added an extra style to have a taste of the lemon, aha~ Give it a try in here!

Thanks to Beccary, or this wordpress theme will never be possible. She is as inspiring as she is pretty!

mybeccary old kavoir design

MagMania is born with simplicity in mind, deprived of all bells and whistles, showing the true meaning of conciseness and striving to be as vigorous as possible. Single column it is, with Georgia as the sole font for typography, I intend to construct a theme that stands on its own feet.

magmania screenshot

However there’s more things to be done than can ever be said. I was planning to give the theme some more refinements before releasing it to public, yeah, I mean, only weird people like me love it in the current presence, don’t they. -D Moreover, the upcoming 2 weeks is doomed with toil for me cause’ it’s when the professors strain and grade us to decide which are good students and which are not. Though I have made some solid efforts this semester to get as far away from computer games as possible, I am still not in good shape in terms of exams. Ewwwww…..just so exhanstive you know, maybe I’ll never be in good shape.. 🙁 God why you made me go to college?

Forget the bullshit. Now I have prepared the page for you to download the theme, MagMania wordpress theme! Remember this is a work in progress, any suggestion would be appreciated.

Content / SEO Tips & Tutorials Google Hacks, Cheats & Tips

Link building and content development, who is the King?

Just roaming about some forums to feed myself with daily new information when I came across something worth taking a look.

Above is an interesting discussion of whether linking rules over content or the other way around. I’d say it was indeed not something I, as an SEO novice, had expected. John Scott, and quite some other participants agreed that content, despite the fact Google cried all these years about it, isn’t the King after all. All you had to do is to gain the trust of Google, which mostly, is through link building. The best content aren’t always coming in top SERPs, but those with quality backlinks.

In their defense, John Scott emphasizes Google sees and only sees links as a means of credibility and trust. Google knows quality content only by the number and type of links a page gets, so content should come second after link building. Many’s a time when a site with ordinarily mediocre content appears on the 1st SERP from Google is achieved by quality experienced link building. It also means a savvy website owner can get quicker and higher results than newcomers who build much better content.

Anchor text of links is so important that it is even considered by search engines much more important than what the linked content is originally about when it comes to ranking.

From a beginner’s perspective, combining some basic reasoning, I think content should not come second to link building. Algorithms change, and Google strives to get better results for its audiences, rather than some publishers. Because it’s ultimately the great mass audience that’s in Google’s interest simply in that they are those who view and click on Google’s ads, which still makes a great majority of its revenues. It’s just as simple as that. Google is currently basing the weight of a site too much on backlinks , but what in 2 years? You might get well ranked through some tricky link building strategies now, but it’s the content that guarantees you of the future. Though it does work well present, so your content is indexed fully and ranked decently to get more links. They are just powering each other in a sense. Either way can get you success.

Content the King, link building the Queen.

To sum up, WebGeek182 (blog)put it quite well in the discussion:

  1. Links rule for SEO. – The site with the strongest relevant link profile wins.
  2. Content rules for conversions and sales, and it breaks ties when two sites have a similarly strong link profile. – You can have all the traffic in the world, but who will buy from a site that is poorly organized, confusing, or full of crap content? To get maximum conversions and sales, your site must be compelling and easy to use. So, once you get people to your site, make sure there is something to keep them there. Also, when two sites have similarly strong link profiles, Search Engines use what I call their “Plan B” rating – they will evaluate the content, and see which is more relevant to break the tie. This doesn’t even come into play though if one site has far more (and relevant) backlinks.
  3. Bad content will make it harder to get links, and conversely, good content *can* make it easier to get links. – Who wants to link to a crappy site? On the other hand, if a site has some awesome content, design, tools, or something else that people can’t help but link to, you’ll get more links. (But only if they can find your site in the first place.)
Content / SEO Tips & Tutorials Google Hacks, Cheats & Tips

What is wrong with ‘Supplemental result’?

Many a new website such as this one, who has just made its way into Google’s database and got indexed a dozen of pages, might have quite a number of pages ‘indexed’ as ‘Supplemental result’. Use “” as the phrase in Google search, then jump to SERPs buried behind. Do you got any of these?

What is supplemental result?

If the answer is yes, don’t panic. Let’s first take a look at what it is. Supplemental result is how Google expands its crawling of the web, imbibing more pages to present more results to end users than its primary ‘main index’. So you get the idea, that ‘supplemental results’ comes from ‘supplemental index’, which places lower restraints on what to be indexed.

google supplemental result

With a popular search phrase, Google simply serves results from its main index, because there’re plenty of related results in it. Nevertheless when it’s a very specific unusual topic, Google has to turn to the ‘supplemental index’ so as to get enough stuff to show off its gigantic coverage. 🙂 For example, URLs with more than 2 dynamic parameters are very probably indexed in the ‘supplemental index’, given a very low PageRank; Content-barren pages might also end up indexed in the supplemental index, unless it dwells in some very famous website.

Is it evil? I want to get rid of them!

In addition, Google assures you that the index in which a site appears doesn’t affect your PageRank. While supplemental result looks no harm (in fact not only small and fresh websites have them, many big ones got many too), that too many supplemental results for your website is absolutely unfavorable. A keywords query answered from ‘main index’ will never have the chance to see those lousy pages in ‘supplemental result’. Although it is sometimes inevitable, you can also choose to do something about it. In order to make Google index most of your pages in its ‘main index’, bear in mind some principles:

  1. Never use dynamic URL for your content. Also prevent different URLs referring to the same page.
  2. Use unique title/description/h1/h2/h3/… on every page.
  3. Renew your content pages from time to time: make some corrections, see if there’s a typo, add a small paragraph, and so forth. For newly indexed pages, Google comes very picky on its frequency of update. Unless you got quality backlinks to them, update them once in a while.
  4. Get quality backlinks. Yes, quality ones. Don’t even bother with low-quality ones. PageRank is what ultimately determines which index includes the page. Work on it and you’ll be fine.
  5. Erase out similar pages. Google hates this, so if you have any pages with mostly the same or even identical content, delete and leave only unique ones. If it is necessary to keep identical content across pages, ask Matt Cutts if he can help you, or you can simply employ <meta name=”robots” content=”noindex,follow” /> with your duplicate content. Or, you didn’t try to copy stuff from others and put on your own? Then hell to you, you are damned without a doubt.
    Making a 301 redirect from to and /index.html to ./ definitely helps.
    With wordpress as your CMS, you may want to check out uberdose’s All in One SEO Pack that automatically marks category and archive pages as ‘noindex’ so Google won’t have duplicate content of yours in index to be mad at you.
  6. One convincing page is better than one hundred small lousy pages. Take time to build unique quality content rather than stuff teeny pages to SEs.

Additional talks and tools you might find useful

  1. Supplemental Result in Google – Hell or Help
  2. View All Your Google Supplemental Index Results
  3. Infrastructure status, January 2007
  4. What’s a “supplemental result?” – Google Webmaster Central
  5. Copyscape – duplicate content search engine, see if you have multi-version pages in index. Plagiarism is afraid of Copyscape.

HTML5 adopted by W3C

News for the web development community: The new W3C HTML Working Group has voted to adopt the HTML5 draft specification comprising the Web Apps 1.0 and Web Forms 2.0 specifications developed and copyrighted as far by major browser companies Mozilla Foundation, Apple Inc., and Opera Software ASA under the umbrella of WHAT-WG, or Web Hypertext Application Technology Working Group, which includes Google, the Mozilla Foundation, Opera Software, Apple Inc. as its key contributing groups.

Some official infomation:

To summarise, the W3C will:

  • Adopt the WHAT-WG “HTML 5” (Web Applications 1.0 and Web Forms 2.0) as the current working draft, which will now be subject to review and development by the W3C HTML Working Group
  • Release a version of HTML which will be called “HTML 5”

The group editors will be:

What does this mean for webmasters?

  • The approved path for HTML development has shifted from XHTML 2.0 to HTML 5, indicating that HTML 5 may well not be as XML as XHTML 2.0.
  • The development process of HTML 5 is still in its early stages, and we are unlikely to see HTML 5 published before 2010.

Additional resources for HTML5

  1. WHAT-WG resources: FAQs, blogs, forums and more on HTML5.
  2. HTML5 elements and attributes remapped: including global attributes, event handling attributes and those defined in Web Applications 1.0 as well as Web Forms 2.0.
  3. HTML5, XHTML2, and the Future of the Web talks about HTML5 and XHTML2 as different means to create the future of the Web.
  4. Improve your forms using HTML5 displays the new functionalities to enhance your forms with HTML5.
  5. X/HTML 5 Versus XHTML 2: the competition and differentiation explained.
  6. (X)HTML5 Conformance Checking Service: HTML5 validator.
Free Web Templates

Free Web Template: My Dear Lounge

I’m glad to introduce you to yet another template by me, My Dear Lounge! It’s templated with PHP, so should be easier to customize than the previous pure HTML template Nickl, which I have now translated from Chinese to English and put online along with the most current MDL. Check them out here and here! Some of the screenshots and related information are available below.

My Dear Lounge

  1. Name: My Dear Lounge
  2. Author: Yang Yang
  3. License: CC 3.0
  4. Preview:
  5. Requirement: PHP required
  6. Download:

My Dear Lounge, the free web template!

Overview of the raw design that is previously intended for one of my Chinese website,, now suspended as a result of time shortage. 🙁

My Dear Lounge head

Head navigation and logo. The logo is an original PNG backgrounded, so you can adapt it as you want in any graphic editor that swims with PNG. See more logo design inspirations.

My Dear Lounge foot

The footer.


  1. Name: Nickl
  2. Author: Yang Yang
  3. License: CC 3.0
  4. Preview:
  5. Requirement: Any web hosting will suffice
  6. Download:

Nickl, the free web template in HTML!

Nickl is released in GPL the last time you saw it, should you had any chance of stumbling upon this post. After a few revisions and the thorough translation, I now release it under a CC 3.0.

People I learned from

I’m still a rookie designer, so I learn and imitate a lot from other veteran designers at present. They are so great that I don’t know when I could become as proficient as they are now! My thanks goes to the following designers and developers when I’m making these 2 templates:

  1. Cameron Moll: He’s just too talented to imitate, I think, his design is always so pleasant to look at. Borrowed one or two colors from his portfolio, hopefully he won’t mind. 🙂 The greatest I believe he is.
  2. Is it Matt? Or some other developer? Anyway, you can see how my footer nav and links in the paragraphs resemble those of the main nav of In fact those are quite popular right now, but they started it, did they.
  3. Dan Cederholm: Frequent SimpleBits a lot, and Dan has given me a lot to ponder about.