JustSnowboard.nl Snowboardshop op basis van Magento Wij maken solide webapplicaties op basis van het CakePHP framework Wij beheren en onderhouden Magento E-commerce websites
E-commerce site op basis van Magento voor iPhone hoesjes
Home » Archief » maart 2011 Archieven - Aquive Media

Magento usability en SEO verbetering door categorie titel

Voor een webshop wat ik beheer en onderhoud moest ik vanuit SEO oogpunt verbeteringen aanbrengen. Ik ben begonnen met het analyseren van de pagina’s en hoe gebruikers hierop komen. Het bleek dat veel bezoekers binnen komen op een subcategorie pagina in de webshop. In de betreffende webshop worden iPhone accessoires aangeboden. Voor elk apparaat is een hoofdcategorie aangemaakt zoals iPhone 3G en iPhone 4. Daaronder hangen dan weer de sub categorieën. Het probleem echter is dat wanneer je via een deeplink binnenkomt op een subcategorie je niet direct kan zien tot welke apparaat de accessoires behoren. De naam van de subcategorie word namelijk ook gebruikt als titel in de H1-tag boven de categorie. Een goede oplossing zou zijn als je deze titel zelf kon ingeven in de backend. Dit is vanuit usibilty maar ook vanuit SEO perspectief een verbetering aangezien je voor bezoekers én zoekmachines duidelijk kan maken wat er op de pagina te vinden is. In deze post geef ik een beschrijving van hoe dit te realiseren is.

Na een zoektocht via Google kwam ik verschillende oplossingen tegen. Je kan zelf de Magento functionaliteit uitbreiden door rechtstreeks de database aan te passen. Maar er zijn betere oplossingen. Op een franse blog kwam ik een oplossing tegen voor het maken van een mini-module. Ik zal voor het gemak de gebruikte namen hetzelfde laten.

Maak de volgende bestanden aan:

app/code/local/Magentix/CategoriesAttributes/etc/config.xml
app/code/local/Magentix/CategoriesAttributes/sql/categoriesattributes_setup/mysql4-install-0.1.0.php
app/etc/modules/Magentix_CategoriesAttributes.xml

De inhoud van config.xml

<?xml version="1.0"?>
<config>
   <modules>
      <Magentix_CategoriesAttributes>
         <version>0.1.0</version>
      </Magentix_CategoriesAttributes>
   </modules>
   <global>
      <resources>
         <categoriesattributes_setup>
            <setup>
               <module>Magentix_CategoriesAttributes</module>
               <class>Mage_Catalog_Model_Resource_Eav_Mysql4_Setup</class>
            </setup>
            <connection>
               <use>core_setup</use>
            </connection>
         </categoriesattributes_setup>
      </resources>
   </global>
</config>

De inhoud vanmysql4-install-0.1.0.php

<?php
 
$installer = $this;
 
$installer->startSetup();
 
$installer->addAttribute('catalog_category', 'category_title', array(
                        'type'              => 'text',
                        'backend'           => '',
                        'frontend'          => '',
                        'label'             => 'Category Title',
                        'input'             => 'text',
                        'class'             => '',
                        'source'            => '',
                        'global'            => 0,
                        'visible'           => 1,
                        'required'          => 0,
                        'user_defined'      => 0,
                        'default'           => '',
                        'searchable'        => 0,
                        'filterable'        => 0,
                        'comparable'        => 0,
                        'visible_on_front'  => 0,
                        'unique'            => 0,
                        'position'          => 1,
                    ));
 
$installer->endSetup();

De inhoud van Magentix_CategoriesAttributes.xml

<?xml version="1.0"?>
<config>
    <modules>
        <Magentix_CategoriesAttributes>
            <active>true</active>
            <codePool>local</codePool>
        </Magentix_CategoriesAttributes>
    </modules>
</config>

Nadat je dit hebt gedaan kan je inloggen in de magento backend, en de cache legen als deze aanstaat. Er zijn nu een aantal records toegevoegd aan de database wat zorgt dat er een nieuwe veld bij gekomen is bij de categorie beheer pagina.

Dit veld kan nu ingevuld worden. Om er ook nog wat aan te hebben moet er natuurlijk ook iets aan de frontend kant iets gebeuren. Open nu het volgende bestand:

/app/design/frontend/default//template/catelog/category/view.phtml

Als deze niet bestaat maak deze dan aan, en haal de inhoud of het bestand zelf van de volgende locatie:

/app/design/frontend/base/default/template/catelog/category/view.phtml

Verwijder de volgende regel:

 <h1><?php echo $_helper->categoryAttribute($_category, $_category->getName(), 'name') ?></h1>

En vervang het door het volgende:

<?php if($_category->getShortDescription()) : ?>
        <h1><?php echo $_category->getShortDescription(); ?></h1>
<?php else: ?>
    	<h1><?php echo $_helper->categoryAttribute($_category, $_category->getName(), 'name') ?></h1>
<?php endif; ?>

Als er niets is ingevoerd in het nieuw aangemaakte veld in de backend veranderd er niets. Als er wel iets ingevuld is verschijnt dit in de H1 tag boven de categorie. Meer duidelijkheid voor de bezoekers en goed voor SEO. Twee vliegen in één klap. Test dit natuurlijk altijd op een test server voordat je het toepast op een productie server.



Bloglovin like button WordPress plugin

Voor de mensen die het niet kennen, Bloglovin is een website om makkelijk blogs te kunnen vlogen. Vergelijkbaar met het idee van RSS alleen dan op een website. In Nederland vooral populair onder vrouwelijke bloggers. Net als Facebook heeft Bloglovin ook een like button. Helaas was er geen plugin beschikbaar voor WordPress voor deze button. Daarom heb ik een plugin geschreven.

Het is opzich makkelijk te integreren in een template door de volgende code in de “loop” te plakken.

<?php
echo '<a href="http://www.bloglovin.com/like/?b=' .get_bloginfo('wpurl') . '&#038;p=' . get_permalink() . '&#038;t=' . get_the_title() . '" onclick=\'window.open(this.href,&quot;bloglovin_like&quot;,&quot;height=320,width=480,toolbar=0,location=0,menubar=0,scrollbars=0,status=0&quot;); return false;\'--><img style="margin: 10px 0 10px 0; border: 0; padding: 0;" src="http://www.bloglovin.com/widget/bilder/like.gif" alt="" />';
?>

Maar de voor niet-techneuten kan dit nog wel eens lastig worden. Daarom heb ik een Bloglovin like button plugin geschreven voor WordPress. Na het downloaden en installeren is het mogelijk om in blog berichten en/of pagina’s de button weer te geven.

Direct downloaden

De plugin kan je downloaden hier download: Bloglovin like button plugin for WordPress. Installeer het door het uit te pakken en up te loaden naar de “/wp-content/plugins/” map. Verdere instructies staat in de readme.txt bestand.

 



E-Commerce klantenservice verbeteren via live chat

Klanten service is erg belangrijk. Vooral bij e-commerce websites is het verstandig om daar genoeg aandacht aan te besteden. De meeste webwinkels zullen de mogelijkheid bieden om te e-mailen en/of te bellen. Maar tegenwoordig zie je steeds meer sites ook een live chat aanbieden. Dit is een extra kanaal om klanten nog beter te bedienen. Klanten waarderen het namelijk om direct contact te hebben met een persoon. Heen en weer e-mailen is vaak te veel moeite voor meerdere kleine vragen. Aan de reacties die binnenkomen via de live chats is ook te merken dat de drempel om te bellen best hoog blijkt voor veel klanten.

Nu zullen er veel verschillende mogelijkheden zijn om een live chat te integreren in een website. Na een korte zoektocht kwam ik al snel op de site van Zopim. Voor mij was installatie- en gebruiksgemak de belangrijkste onderdelen om een service te beoordelen. Zopim is wat dat betreft erg goed. Daarnaast is het gratis, tenzij je wilt uitbreiden naar meer dan twee chats tegelijk of naar meer dan twee chat agents.

Installatie is erg makkelijk. Het enige wat er moet gebeuren is een stukje code plakken net voor de sluitende body tag. En dat is alles. Er komt dan rechts onderin de site een popup waarop bezoekers kunnen klikken. Je kan dan direct aan de slag door in te loggen in je dashboard. Eenmaal ingelogd kan je vanuit hier alles regelen. Je hebt veel verschillende handige functies zoals een historie, tekst macro’s en analytics.

Zopim Dashboard



Eigen nieuwe website op basis van WordPress

Afgelopen tijd hebben we gewerkt aan een nieuwe website. De vorige website voldeed niet meer aan de eisen en was niet meer van deze tijd. Er waren te weinig mogelijkheden om genoeg informatie op een aantrekkelijke manier te presenteren. Dit is dan ook de voornaamste reden geweest om te werken aan een nieuwe website. Vandaag is het dan eindelijk zover en is de website online gegaan.

Voor de nieuwe website is een compleet nieuw design gemaakt precies volgens onze wensen en eisen. Het ontwerp is omgezet naar een wordpress template omdat de nieuwe website is gemaakt op basis van WordPress. Dit open source pakket heeft zich de laatste tijd sterk ontwikkeld vanuit de richting van een blog platform naar een volwassen CMS platform. We hebben de nieuwste functies benut van WordPress die vanaf versie 3.0 aanwezig zijn. Hierdoor kunnen we onze diensten en projecten vanuit de backend beheren. Dit gebeurd net zoals posts, alleen dan via een andere menu optie. Verder zijn de diensten en projecten aan elkaar gelinked door de gebruikte technieken die als tags kunnen worden toegevoegd.

 

Het doel van de nieuwe website is beter te communiceren waar we als bedrijf mee bezig zijn. In de eerste plaats door te aan te geven van wat we te bedien hebben en in het verleden hebben gedaan. Daarnaast is het de bedoeling dat dit aangevuld wordt door blogpost. Deze blogpost zullen voornamelijk gaan over onderwerpen waarmee we op dat moment bezig zijn. Hierdoor hopen we meer inzicht te geven over onze dagelijkse werkzaamheden.



Archief per maand:

Archief per onderwerp: