This article is the third part of a series I'm writing about why I migrated my personal blog from WordPress to Jekyll. I reiterate that it should be read as an experience journal rather than as a tutorial or recommendation. In computing there are no universal recipes.
Table of Contents
A blog, although it has some characteristics that distinguish it, it is still a website, as such it must meet some requirements
Optimized for search engines
The Holy Grail of web designers is Search Engine Optimization (SEO) Basically it is about content adapting to what comes out of the keyboard to the creators of the current Google algorithm.In my opinion, for a blog it is not as important as in the past since social networks are a better source of traffic and it is best to focus on quality and originality.
And, if you are neither creative nor original, you can always pay for advertising. That will get you to the top even if your blog is the Polish phone book.
WordPress trains you for a search engine-friendly writing discipline by inviting you to use a category and tag system. In addition, it offers free and paid plugins that check that your content is pleasing in the eyes of the gods of web search.
Jekyll has a category and tag scheme and through the installation of plugins it is possible to incorporate some functionalities to automate content optimization.
In the case of Bootstrap, you will have to take care of optimization, although, as we will see, it has some characteristics that will allow you to climb positions in search engines.
Adaptable to all screens
There are two design philosophies that ensure content looks good regardless of screen size:
- Responsive design: The site adapts or changes according to the device that is being used.
- Mobile first: The site is designed with a mobile device in mind and then modifications are made for larger screens.
Regardless of the theme you have chosen for the big screen version, WordPress allows you to select themes for the mobile version. In addition, it has several in the responsive category. The big winner in this area is Bootrstrap since it is prepared precisely for the representation of the sites according to the screen size. Jekyll has a collection of Bootstrap-based templates or you can use this framework to create your own.
Blogs are heirs to blogs. Those notebooks in which the officers of a ship recorded navigation incidents and observations on them. If you saw some of the many versions of Star Trek, you will remember that the introduction to each episode was one of the protagonists dictating an account of events to the computer. That story began by stating the date.
The same thing happens with a blog. The first ordering criterion is chronological. Thus, if you publish a post about ferns on May 20 at 18:05 p.m. and you scheduled the publication of one about roses that you had written two days before for 18:06 p.m. on the same 20, the one about roses will be shown first.
The second grouping criterion is the categories. Categories are a set of topics. Thus, for example, to articles on carnations, roses and jasmine, we can assign the category flowers or ferns and palm trees that of ornamental plants
Worpress allows several levels of subcategories within categories. For example, within ornamental plants we could distinguish between indoor and outdoor and in turn between trees and shrubs.
Jekyll allows you to assign a category, but as far as I could find it is not possible to use subcategories.
WordPress and Jekyll automate category sorting. In the case of frameworks, you must manually build an index by adding the links to the articles that correspond to each one.
The third type of ordering criterion is labels. Example of labels are fern, roses, tomatoes. Again, WordPress and Jekyll will do the ordering automatically. In the case of Bootstrap, you must add them to each page. You will have to build the index manually or integrate one of the most popular search engines that allow internal searches.
In a blog we have two types of content; the posts and the pages. In general, the pages are used for institutional information such as author biography, privacy policies, contact forms or links to friendly sites. Jekyll and WordPress give it a differentiated handling. In the case ofBootstrap you will have to mark the differences when writing the code.