21 måder at skabe bedre indhold i WordPress

21 måder at skabe bedre indhold i WordPress


Vi er altid får at vide at skabe “godt” indhold, men ud over at være en dygtig forfatter, hvad kan vi ellers gøre? Jeg siger det. Vi er nødt til at gran det op! Vi er nødt til at fokusere på æstetik, brugervenlighed, optimering og udnytte alle de værktøjer / plugins, vi har til rådighed.

Du ved sandsynligvis, at fra et SEO-perspektiv rangerer naturligvis godt indhold højt og er den bedste strategi for at få links, sociale aktier og alle disse dejlige SEO-signaler. Jeg bruger enhver strategi på denne liste, og det har hjulpet mig enormt (med SEO, da det er hvad jeg gør).

Jeg håber, at det også kan hjælpe dig.

1. Brug en indholdsfortegnelse

Brug en indholdsfortegnelse til at organisere nøgleemner (ofte dine underoverskrifter). Dette kan også hjælpe dig med at skitsere dine artikler. Det tager kun få minutter og gør dine læsere glade.

1. Indholdsfortegnelse
2. Kolonner
3. Borde
4. Knapper!
5. kortkoder
6. Integreret social status
7. Indlejrede videoer8. Arbejde dimensioner
9. Bedre grafik
10. Efter widgets
11. Image Styling
12. Font Styling
13. Killer overskrifter
14. Snippets15. Social optimering
16. Vise dig selv
17. Underskrifter
18. Indlæsningstider
19. TinyMCE Advanced
20. TinyMCE Stavekontrol
21. Test

Hvordan gør man det…
Indholdsfortegnelse HTML skal se sådan ud …

Hver underoverskriftens HTML skal se sådan ud …

Punkt et

Punkt to

Punkt tre

Du kan også bruge en hoppe til indholdsfortegnelse link…

  • 2. Kolonner

    Kolonne 1

    Kolonne 2

    Hvordan gør man det…

    3. Tabeller

    tablepress-plugin

    Jeg oprettede denne tabel ved hjælp af TablePress-plugin som har over 1.500 downloads og en solid 5-stjernet anmeldelse. Du kan også tilpasse CSS til dit branding.

    4. Knapper!

    KONTAKT OS TILMELDE DOWNLOAD Vores GRATIS EBOOK SE VORES PORTFOLIO

    Hvordan gør man det…

    5. Kortkoder

    kortkoder

    kortkoder giver dig mulighed for nemt at tilføje video, lyd, billedgallerier og andet indhold med en simpel kodelinje. Her er et kortkodeeksempel til en indlejret YouTube-video …

    [Youtube = http: //www.youtube.com/watch? V = JaNH5 Vpg-A]

    Nogle WordPress-temaer har indbyggede kortkoder, der er forudindrettet til at matche dit tema. Der er også plugins som Shortcodes Ultimate hvis dit tema ikke følger med dem.

    6. Integreret social status

    Del, hvad andre mennesker har at sige ved at integrere deres sociale mediestatus i dit indhold. Underret dem, når det er offentliggjort, og måske deler de det med deres publikum.

    Twitter-statusser

    @jm_cook @Skitzzo Jeg købte Genesis. AM-folk havde sendt eksempler på temaer for mange år siden. Jeg refunderede (gavekort) AM-person, der gav mig råd.

    – Matt Cutts (@mattcutts) 27. juni 2013

    @bgardner fordi det får folk til at tro, at jeg favoriserer Genesis frem for andre temarammer. Åh vent, det er faktisk sandt;) – Joost de Valk (@yoast) 31. januar 2012

    Hvordan gør man det…
    Brug Avanceret Twitter-søgning for at finde et tweet, og klik derefter på Mere -> Integrer Tweet. Kopier koden, og indsæt den i dit indholds HTML. Eksemplet ovenfor bruger 2 tweets i 2 kolonner.

    Indlejret Tweet

    Facebook-statusser

    Integrer Facebook-indlæg

    Google+ statusser

    Google+ indlejret indlæg

    7. Indlejrede videoer

    Mulighed 1: Kopier Youtube-linket, og indsæt det på dit indhold (WordPress vil gøre resten).

    Valgmulighed 2: Gå til YouTube-videoen, du vil integrere, og kopier og indsæt derefter indlejringskoden i din HTML. Denne metode giver dig mulighed for at specificere videoens bredde og højde:

    Integrer en YouTube-video

    Valgmulighed 3: Åbn en video, når du klikker på et link ved hjælp af WP Video Lightbox-plugin.

    Skjul Youtube-videotitel

    Skjul YouTube-videokontroller

    8. Arbejde med dimensionerne

    680 pixels bredde rektangel

    At kende dine indholdsdimensioner (i pixels) hjælper dig med at oprette grafik eller finde billeder, der passer inden for disse dimensioner. Jeg henviser specifikt til din indholdsdel og bredden på sidebjælken. Da min indholdsdel er 680 bredde (pixels), ved jeg, at hvis jeg bruger 2 kolonner, skal hver grafik være omkring 340 bredde. Jeg ved også, at mine sidebar-widgets er 295 bredde.

    9. Bedre grafik

    Start med at redesigne grafik, der vises de fleste steder (sitewide-grafik): logo, sidefodsbilleder, sidebar-billeder. Gå derefter til individuelle indholdsstykker (grafik til indholdsdesign).

    Sitewide-grafik

    Indholdsdesign grafik

    10. Efter widgets

    Efter indtastning WordPress

    Dette er widgets, som folk ser efter afslutningen af ​​dine artikler (placeret mellem indholdsdelen og kommentarsektionen). De har normalt et opfordring til handling. For mig har jeg inkluderet en nyhedsbrevboks og min forfatterprofil. “Relaterede artikler” er også et populært.

    I de fleste WordPress-temaer kan du finde disse under (Udseende -> Widgets -> Efter indrejse). Bestem, hvilke widgets, du vil vise her. Men der skulle være noget.

    11. Billedstyling

    Image Styling WordPress

    Stil dine billeder ved at tilføje rammer, marginer, polstring, billedtekst eller andre tilpasninger. Der er 4 forskellige steder at redigere billeder, som alle har forskellige stylingindstillinger …

    • Mediesektion
    • Klik på et billede og find “rediger” -indstillingen
    • Find ikonet for indsæt / rediger billede i din visuelle editor
    • CSS-redaktøren

    12. Font Styling

    Får du nogen ideer endnu?

    13. Killeroverskrifter

    Det hele starter med at skrive en fantastisk overskrift. Den “perfekte” overskrift inkluderer:

    • Et nummer
    • Et adjektiv
    • Dit søgeord

    Her er en tutorial af Neil Patel, der forklarer formlen for en perfekt overskrift. Han siger, at 8/10 mennesker vil læse din overskrift, men kun 2/10 læser resten af ​​dit indlæg. Vælg klogt.

    14. Uddrag

    SEO-titler + metabeskrivelser

    Søgemaskinsuddrag

    Din SEO-titel og metabeskrivelser er forrest i din SEO – de er de første ting, folk ser i søgeresultater og på sociale netværk. Skrivende beskrivende, overbevisende uddrag vil øg din klikfrekvens og få flere besøgende til dit indhold.

    Rige uddrag

    Rige uddrag

    rige uddrag forbedre dine søgemaskinsuddrag med yderligere oplysninger om dit indhold. Det er en af ​​de bedste måder at skille sig ud i søgeresultaterne og få flere klik.

    Populære former for rige uddrag …

    • Videoer
    • Anmeldelser
    • Opskrifter
    • Begivenheder
    • Lyd

    Hvordan gør man det…

    15. Social optimering

    Hvert sociale netværk formaterer dit indhold forskelligt, så du vil have det optimeret til at formatere korrekt på tværs af de vigtigste sociale netværk (dit miniaturebillede er i den rigtige størrelse, og dine titler og beskrivelser er skræddersyet til hvert socialt netværk, hvis du vælger). Det Yoast WordPress SEO-plugin gør et fantastisk stykke arbejde med dette, og jeg antager, at du bruger det.

    Trin 1: Gå til afsnittet “Brugere” i WordPress, og sørg for, at hver person udfylder deres Facebook-, Twitter- og Google+ felter.

    Trin 2: Konfigurer den sociale fane i Yoast:

    Yoast Social fane

    Facebook OpenGraph

    Yoast Facebook Opengraph

    Twitter-kort (husk at Valider dine Twitter-kort)

    Yoast Twitter-kort

    Metadata for Google+

    Yoast Google+ Meta-data

    Pinterest (placeret i Yoasts “Dashboard” -indstillinger)

    Yoast Pinterest

    Du bliver nødt til det verificer dit websted med Pinterest og indtast koden i dette felt.

    Trin 3: Optimer indhold til social deling

    Når du har konfigureret Yoasts sociale indstillinger, skal du redigere den side eller det indlæg, du vil optimere til det sociale. Rul ned til Yoast-sektionen, og tryk på fanen “Social” …

    Yoast Optimering af sociale medier

    Yoast giver dig mulighed for at vise tilpassede titler, beskrivelser og korrekt formaterede billeder til disse vigtigste sociale netværk. Hvis du lader disse være tomme, bruges din SEO-titel, meta-beskrivelse og dit hovedindholdsbillede (eller vist billede). Det er en god ide at i det mindste uploade et billede til Facebook / Twitter / Google+, så billedet formateres korrekt, når det deles på disse vigtigste sociale netværk. Her er de rigtige dimensioner …

    • Facebook-billede: 1200 x 630 px
    • Twitter-billede: 1024 x 512px
    • Google+ billede: 800 x 1200px

    16. Vis dig selv

    Tom Dupuis

    Det er mig!

    Du kan se en beskåret version i min højre sidebjælke, hvor jeg præsenterer mig. Det er her, jeg vil tilføje din biograf, da folk straks kan se dig.

    Tilføj sidepanel-widget til enkeltforfatter…

    Opret først din biograf i HTML. Du kan oprette det i Visual Editor, hvilket er lettere. Når du er færdig, skal du gå til teksteditoren og kopiere din bios HTML. Gå nu til (Udseende -> Widgets) tilføj derefter en “Tekst”-widget til din blogs sidebjælke. Indsæt HTML og gem.

    Tilføj sidepanel-widgets til flere forfattere …

    • Sørg for, at hver person har deres egen brugerprofil
    • Installer widget-logik-plugin så hver persons bio vises kun på deres indlæg
    • Hvis der er 5 personer, skal du tilføje 5 tekst widgets til din blog sidebjælke
    • Indsæt hver persons bio-HTML i deres widget
    • Find widgetlogikfeltet nederst i hver persons widget
    • Tilføj denne kode, udskift kun mit navn med deres: is_author (‘tom-dupuis’)
    • Eller brug andre betingede tags for at kontrollere, hvor hver widget vises

    Widget-logikfelt

    Hvis du bruger Genesis Framework og har et nyhedsbrev som mig, kan du bruge Genesis eNews udvidet plugin at oprette en widget med både din introduktion og nyhedsbrev.

    17. Underskrifter

    Du kan se min signatur nederst i hver artikel, jeg skriver. Tilføjer et personlig præg.

    Tom underskrift

    Hvordan gør man det…

    • Hent et tomt stykke computerpapir
    • Skriv din signatur
    • Tag et tæt billede af det
    • Beskær din underskrift
    • Føj det til slutningen af ​​dine artikler

    18. Indlæsningstider

    Sideindlæsningstider

    Den nemmeste måde at forbedre belastningstiderne er ved at optimere sitewide, der påvirker hele dit websted (få hurtigere hosting, lette temaer, cache-plugins …). Jeg dækker alt dette i min WordPress hastighedsguide. Du kan også forbedre indlæsningstider for individuelle sider ved at bruge mindre videoer, store fotos og kode. Kør URL gennem GTmetrix til anbefalinger.

    19. TinyMCE Advanced

    TinyMCE Advanced

    Har du nogensinde lyst til, at du ikke har nok muligheder i din visuelle editor? Installer TinyMCE Advanced Plugin at style dit indhold med mere avancerede indstillinger.

    20. TinyMCE Stavekontrol

    TinyMCE-Stavekontrol

    Inden du offentliggør en artikel, skal du prøve at køre TinyMCE stavekontrol-plugin. Vælg hvilken type fejl, den scanner efter i afsnittet “Brugere”, eller tilføj ord for at ignorere …

    TinyMCE-stavekontrolindstillinger

    21. Testning

    Før du promoverer dit indhold, er det en god ide at lave nogle test …

    Mobil lydhørhed – selvom dit WordPress-tema reagerer, formateres noget indhold ikke altid korrekt. Træk den op på din telefon / tablet for at kontrollere dobbelt.

    Indholdsfortegnelse (Trin 1) – Hvis du har konfigureret en indholdsfortegnelse, test altid hvert link.

    Rige uddrag (trin 14) – hvis dit indhold inkluderer rige uddrag, brug Googles værktøj til struktureret datatestning for at sikre, at det fungerer.

    Social responsivitet (trin 15) – for at teste, om de vigtigste sociale netværk formaterer dit indhold korrekt, del linket til Facebook, Twitter og Google+.

    Indlæsningstider (trin 18) – Kør URL’en, når den er offentliggjort GTmetrix for at få anbefalinger om forbedring af indholdets indlæsningstid.

    Jeg håber, det var nyttigt! Jeg ved, det er meget, så hvis du har nogen spørgsmål overhovedet, slip mig en linje i kommentarfeltet. Og hvis du fandt, at min artikel var nyttig, så del venligst. jeg sætter pris på det!

    Skål,

    Tom underskrift

    8. Arbejde med dimensionerne

    680 pixels bredde rektangel

    At kende dine indholdsdimensioner (i pixels) hjælper dig med at oprette grafik eller finde billeder, der passer inden for disse dimensioner. Jeg henviser specifikt til din indholdsdel og bredden på sidebjælken. Da min indholdsdel er 680 bredde (pixels), ved jeg, at hvis jeg bruger 2 kolonner, skal hver grafik være omkring 340 bredde. Jeg ved også, at mine sidebar-widgets er 295 bredde.

    9. Bedre grafik

    Start med at redesigne grafik, der vises de fleste steder (sitewide-grafik): logo, sidefodsbilleder, sidebar-billeder. Gå derefter til individuelle indholdsstykker (grafik til indholdsdesign).

    Sitewide-grafik

    Indholdsdesign grafik

    10. Efter widgets

    Efter indtastning WordPress

    Dette er widgets, som folk ser efter afslutningen af ​​dine artikler (placeret mellem indholdsdelen og kommentarsektionen). De har normalt et opfordring til handling. For mig har jeg inkluderet en nyhedsbrevboks og min forfatterprofil. “Relaterede artikler” er også et populært.

    I de fleste WordPress-temaer kan du finde disse under (Udseende -> Widgets -> Efter indrejse). Bestem, hvilke widgets, du vil vise her. Men der skulle være noget.

    11. Billedstyling

    Image Styling WordPress

    Stil dine billeder ved at tilføje rammer, marginer, polstring, billedtekst eller andre tilpasninger. Der er 4 forskellige steder at redigere billeder, som alle har forskellige stylingindstillinger …

    • Mediesektion
    • Klik på et billede og find “rediger” -indstillingen
    • Find ikonet for indsæt / rediger billede i din visuelle editor
    • CSS-redaktøren

    12. Font Styling

    Får du nogen ideer endnu?

    13. Killeroverskrifter

    Det hele starter med at skrive en fantastisk overskrift. Den “perfekte” overskrift inkluderer:

    • Et nummer
    • Et adjektiv
    • Dit søgeord

    Her er en tutorial af Neil Patel, der forklarer formlen for en perfekt overskrift. Han siger, at 8/10 mennesker vil læse din overskrift, men kun 2/10 læser resten af ​​dit indlæg. Vælg klogt.

    14. Uddrag

    SEO-titler + metabeskrivelser

    Søgemaskinsuddrag

    Din SEO-titel og metabeskrivelser er forrest i din SEO – de er de første ting, folk ser i søgeresultater og på sociale netværk. Hvis du skriver beskrivende, overbevisende uddrag, øger din klikfrekvens og får flere besøgende til dit indhold.

    Rige uddrag

    Rige uddrag

    Rige uddrag forbedre dine søgemaskinsuddrag med yderligere oplysninger om dit indhold. Det er en af ​​de bedste måder at skille sig ud i søgeresultaterne og få flere klik.

    Populære former for rige uddrag …

    • Videoer
    • Anmeldelser
    • Opskrifter
    • Begivenheder
    • Lyd

    Hvordan gør man det…

    15. Social optimering

    Hvert sociale netværk formaterer dit indhold forskelligt, så du vil have det optimeret til at formatere korrekt på tværs af de vigtigste sociale netværk (dit miniaturebillede er i den rigtige størrelse, og dine titler og beskrivelser er skræddersyet til hvert socialt netværk, hvis du vælger). Det Yoast WordPress SEO-plugin gør et fantastisk stykke arbejde med dette, og jeg antager, at du bruger det.

    Trin 1: Gå til afsnittet “Brugere” i WordPress, og sørg for, at hver person udfylder deres Facebook-, Twitter- og Google+ felter.

    Trin 2: Konfigurer den sociale fane i Yoast:

    Yoast Social fane

    Facebook OpenGraph

    Yoast Facebook Opengraph

    Twitter-kort (husk at Valider dine Twitter-kort)

    Yoast Twitter-kort

    Metadata for Google+

    Yoast Google+ Meta-data

    Pinterest (placeret i Yoasts “Dashboard” -indstillinger)

    Yoast Pinterest

    Du bliver nødt til det verificer dit websted med Pinterest og indtast koden i dette felt.

    Trin 3: Optimer indhold til social deling

    Når du har konfigureret Yoasts sociale indstillinger, skal du redigere den side eller det indlæg, du vil optimere til det sociale. Rul ned til Yoast-sektionen, og tryk på fanen “Social” …

    Yoast Optimering af sociale medier

    Yoast giver dig mulighed for at vise tilpassede titler, beskrivelser og korrekt formaterede billeder til disse vigtigste sociale netværk. Hvis du lader disse være tomme, bruges din SEO-titel, meta-beskrivelse og dit hovedindholdsbillede (eller vist billede). Det er en god ide at i det mindste uploade et billede til Facebook / Twitter / Google+, så billedet formateres korrekt, når det deles på disse vigtigste sociale netværk. Her er de rigtige dimensioner …

    • Facebook-billede: 1200 x 630 px
    • Twitter-billede: 1024 x 512px
    • Google+ billede: 800 x 1200px

    16. Vis dig selv

    Tom Dupuis

    Det er mig!

    Du kan se en beskåret version i min højre sidebjælke, hvor jeg præsenterer mig. Det er her, jeg vil tilføje din biograf, da folk straks kan se dig.

    Tilføj sidepanel-widget til enkeltforfatter…

    Opret først din biograf i HTML. Du kan oprette det i Visual Editor, hvilket er lettere. Når du er færdig, skal du gå til teksteditoren og kopiere din bios HTML. Gå nu til (Udseende -> Widgets) tilføj derefter en “Tekst”-widget til din blogs sidebjælke. Indsæt HTML og gem.

    Tilføj sidepanel-widgets til flere forfattere …

    • Sørg for, at hver person har deres egen brugerprofil
    • Installer widget-logik-plugin så hver persons bio vises kun på deres indlæg
    • Hvis der er 5 personer, skal du tilføje 5 tekst widgets til din blog sidebjælke
    • Indsæt hver persons bio-HTML i deres widget
    • Find widgetlogikfeltet nederst i hver persons widget
    • Tilføj denne kode, udskift kun mit navn med deres: is_author (‘tom-dupuis’)
    • Eller brug andre betingede tags for at kontrollere, hvor hver widget vises

    Widget-logikfelt

    Hvis du bruger Genesis Framework og har et nyhedsbrev som mig, kan du bruge Genesis eNews udvidet plugin at oprette en widget med både din introduktion og nyhedsbrev.

    17. Underskrifter

    Du kan se min signatur nederst i hver artikel, jeg skriver. Tilføjer et personlig præg.

    Tom underskrift

    Hvordan gør man det…

    • Hent et tomt stykke computerpapir
    • Skriv din signatur
    • Tag et tæt billede af det
    • Beskær din underskrift
    • Føj det til slutningen af ​​dine artikler

    18. Indlæsningstider

    Sideindlæsningstider

    Den nemmeste måde at forbedre belastningstiderne er ved at optimere sitewide, der påvirker hele dit websted (få hurtigere hosting, lette temaer, cache-plugins …). Jeg dækker alt dette i min WordPress hastighedsguide. Du kan også forbedre indlæsningstider for individuelle sider ved at bruge mindre videoer, store fotos og kode. Kør URL gennem GTmetrix til anbefalinger.

    19. TinyMCE Advanced

    TinyMCE Advanced

    Har du nogensinde lyst til, at du ikke har nok muligheder i din visuelle editor? Installer TinyMCE Advanced Plugin at style dit indhold med mere avancerede indstillinger.

    20. TinyMCE Stavekontrol

    TinyMCE-Stavekontrol

    Inden du offentliggør en artikel, skal du prøve at køre TinyMCE stavekontrol-plugin. Vælg hvilken type fejl, den scanner efter i afsnittet “Brugere”, eller tilføj ord for at ignorere …

    TinyMCE-stavekontrolindstillinger

    21. Testning

    Før du promoverer dit indhold, er det en god ide at lave nogle test …

    Mobil lydhørhed – selvom dit WordPress-tema reagerer, formateres noget indhold ikke altid korrekt. Træk den op på din telefon / tablet for at kontrollere dobbelt.

    Indholdsfortegnelse (Trin 1) – Hvis du har konfigureret en indholdsfortegnelse, test altid hvert link.

    Rige uddrag (trin 14) – hvis dit indhold inkluderer rige uddrag, brug Googles værktøj til struktureret datatestning for at sikre, at det fungerer.

    Social responsivitet (trin 15) – for at teste, om de vigtigste sociale netværk formaterer dit indhold korrekt, del linket til Facebook, Twitter og Google+.

    Indlæsningstider (trin 18) – Kør URL’en, når den er offentliggjort GTmetrix for at få anbefalinger om forbedring af indholdets indlæsningstid.

    Jeg håber, det var nyttigt! Jeg ved, det er meget, så hvis du har nogen spørgsmål overhovedet, slip mig en linje i kommentarfeltet. Og hvis du fandt, at min artikel var nyttig, så del venligst. jeg sætter pris på det!

    Skål,

    Tom underskrift

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    • Like this post? Please share to your friends:
      Adblock
      detector
      map