Arkiv for Web udvikling kategorien
Bootstrap er et godt og gennemtænkt web framework fra Twitter
Er du klar til at bygge din næste hjemmeside og skal du til at tænke på det alt det basale som XHTML, CSS (Cascading Stylesheet) og Javascript, ja så burde du overveje at kigge på Bootstrap fra Twitter. Her får du intet mindre end alle de komponenter du skal bruge til at opbygge en hurtig, funktionel, brugervenlig og ikke mindst lækker hjemmeside. Hent alle komponenterne eller hent kun de dele som er nødvendige. Det er også muligt at bruge Bootstrap sammen med LESS, der et dynamisk sprog til håndtering af CSS.
Lav et 301 redirect fra ikke-www til www med Apache webserver
Da http://site1.dk og http://www.site1.dk betragtes af Google og de andre søgemaskiner som forskellige URL’er, kan det være en rigtig god idé at sørge for at din pagerank ikke splittes ud på 2 URL’er, men samles om en URL. Det vil jo være lidt synd, hvis en anden populær hjemmeside linker til http://site1.dk og dermed tager noget af populariteten fra http://www.site1.dk.
Den måde jeg har gjort det på flere sites, er at lave et permanent 301 redirect via Apache, således at http://site1.dk og undersider flyttes permanent til http://www.site1.dk og dennes undersider. http://site1.dk/artikel.html flyttes til http://www.site1.dk/artikel.html og lignende.
Sådan laver du et 301 redirect på din Apache webserver
Brug nedenstående vejledning/guide hvis du vil sætte en 301 redirect op på Apache.
- Sørg for at Apache’s Rewrite Module er klargjort. Det er et absolut krav, hvis du skal lave et 301 redirect. Find din httpd.conf og udkommentér ‘LoadModule rewrite_module modules/mod_rewrite.so’ og genstart Apache.
-
Indsæt følgende konfiguration i din .htaccess fil eller din virtualhost konfiguration:
RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}$1 [R=301,L]
Jeg har indsat følgende konfiguration i min virtualhost konfiguration, men det er vel ikke meget forskelligt fra for eksempel i .htaccess filen.
<VirtualHost *>
DocumentRoot /sites/site1
ServerName www.site1.dk
ServerAlias site1.dk
RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}$1 [R=301,L]
</VirtualHost>
Du kan kontrollere at din gamle http://site1.dk URL er flyttet permanent til http://www.site1.dk (eller hvad nu dit domæne hedder) ved hjælp af dette lille tool: HTTP header tool.
Brug Googles anvisninger når du skal opbygge dit website
At bygge en hjemmeside som både dine brugere og søgemaskiner som Google vil elske, kræver nogle ting som faktisk giver rigtig god mening. Til at hjælpe dig med at lave en god hjemmeside som dine brugere og ikke mindst søgemaskinerne vil elske har Google lavet en ret god guide, der udpeger hvad du bør gøre og ikke mindst hvad du IKKE bør gøre. Nedenfor kan du se nogle af de ting som Google især ligger vægt på, når de skal indeksere et website og medtage det i deres index over sider fra diverse hjemmesider rundt omkring i verden. Du kan hente den danske version af Googles SEO guide her. Nu ved jeg godt at der kan skrives side op og side ned vedrørende søgemaskineoptimering og der findes et hav af tips og tricks samt værktøjer til at give din hjemmeside en bedre placering i en SERP (Search engine results page), men når alt kommer til at er det faktisk nogle ret simple og ret gode tips. Læs mere… →
Optimer dit website med mod_pagespeed til Apache webserver
At få et website til at køre hurtigt og dermed være med til at give dine brugere en bedre oplevelse kan være lidt af en prøvelse. Normalt har jeg altid været ret opmærksom på at levere et hurtigt website ved lave noget rent HTML, bruge minimalt javascript og bruge CSS til at styre layout. Men der er altså også andre ting man skal tænke på, såsom caching af data og undgå alt for mange dns lookups.
Jeg har længe brugt mod_expire modulet til at styre caching af statiske filer som html, css, billeder og javascript. Det virker glimrende og jeg kan typisk levere sider på under et sekund. Nu har Google så lavet et mod_pagespeed modul til Apache, der efter sigende skulle håndtere mange af de ting der kan gøre en hjemmeside hurtigere. Idéen til dettte modul er kommet efter at Google lavede deres Page Speed tool, så man kunne se de forslag til forbedringer man kunne lave på ens hjemmeside for at gøre den hurtigere. Et ganske fint værktøj. Jeg tror også jeg vil bruge mod_pagespeed, men ikke lige nu, dertil er det simpelthen for nyt til at jeg tør bruge det. Jeg tror jeg venter nogle måneder endnu og holder øje med om der kommer nogle fejl og hvad brugerene generelt synes om modulet. Men når modulet er modnet lidt vil jeg prøve at erstatte det med mod_expire for at se hvordan det kører.
Tab menu med CSS og XHTML
En tab lignende menu er en af de mest brugte på mange nyere hjemmesider og menuen kan laves ret nemt med CSS og HTML. Egentlig er det bare et <ul> tag der bliver stylet ved hjælp af CSS. Vi har 3 tags, der skal styles for at vi kan opnå det ønskede resultat: <ul> tag, <li> tag og <a> tag. Læs mere… →