Wordpress - SEO, diakritika, mobilní verze Vyřešeno

[Honza97]

Zdravím,
tvořím web a potřeboval bych poradit....
Jedná se o stránku http://www.rallysportsekyra.cz a byl bych moc rád, kdybyste mi pomohli vyřešit 3 následující problémy:

SEO (nebo jak to lépe nazvat), prostě sdílení na FB...
Mám problém s tím, že když chci moji stránku sdílet na FB, nezobrazuje se v odkazu jako hlavní nadpis title webu, ale pouze URL a v popisku jsou jakési anglické bláboly a ne popis webu.... Všechny mety bych měl mít nastavené, jméno webu i popisy, klíčová slova atd. jsou vyplněny.....

Podpora diakritiky
Zdá se mi, že v některých prohlížečích nefunguje úplně správně česká diakritika....Je nějaký rychlý efektivní způsob, jak ji zajistit?

Mobilní verze - widgety
Potřeboval bych aby se na mobilních zařízeních nezobrazoval sloupec, který wordpress nazývá jako widgety. Viz obrázek, chtěl bych skrýt tu část stránky od okénka Hledání níže..

Hledal jsem to někde ve stylech nějakou třídu jak na to, ale moc se mi nezadařilo...

Můžete mi prosím poradit s těmito 3 problémy???

Předem děkuji, Honza97

[Reklama]

[x-rated]

k diakritice
nahraď tohle

Kód: Vybrat vše

<meta http-equiv="X-UA-Compatible" content="IE=edge" charset="UTF-8">

timhle

Kód: Vybrat vše

<meta charset="utf-8">

a hlavně oprav odkazy na google písma z tohohle

Kód: Vybrat vše

<link rel='stylesheet' id='lavish-open-sans-css'  href='//fonts.googleapis.com/css?family=Open+Sans%3A400%2C700%2C600&#038;ver=3.9.10' type='text/css' media='all' />
<link rel='stylesheet' id='lavish-lato-css'  href='//fonts.googleapis.com/css?family=Lato%3A400%2C700%2C900&#038;ver=3.9.10' type='text/css' media='all' />

na tohle

Kód: Vybrat vše

<link rel='stylesheet' id='lavish-open-sans-css' href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800&subset=latin-ext'
<link rel='stylesheet' id='lavish-lato-css' href='https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic&subset=latin-ext'>


ke skrejvání
do css souboru dopsat

Kód: Vybrat vše

@media (max-width: Xpx) {Y {display: none;}}

kde X je velikost, od který ten obsah nemá bejt vidět a Y je jeho označení z html kódu

[Honza97]

Pokusil jsem se změnit tu diakritiku, ale bezúspěšně....co dělám špatně? :(

A ke skrytí....toto řešení mě taky napadlo, ale bohužel nevím právě to, co mám dosadit za Y.

[LuCaCZ]

IMHO google písmo se tam bude vkládat automaticky podle nastavení šablony. Takže bude potřeba pohledat. Jestli je tohle ta správná šablona, v souboru functions.php by to snad měla být tato část

Kód: Vybrat vše

/**
 * Enqueues scripts and styles for front end.
 *
 * @return void
 */
   
   function lavish_scripts() {

      $my_theme = wp_get_theme()->get('Version');
      
      wp_enqueue_style( 'lavish-bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css', array( ), current_time( 'mysql' ), 'all' );
      wp_enqueue_style( 'font-awesome', get_template_directory_uri() . '/css/font-awesome.min.css', array( ), $my_theme, 'all' );
      wp_enqueue_style( 'lavish_navmenu', get_template_directory_uri() .'/css/navmenu.css', array(), $my_theme);
      wp_enqueue_style( 'lavish-style', get_stylesheet_uri(), array(), $my_theme, 'all' );
      wp_enqueue_style( 'lavish-open-sans', '//fonts.googleapis.com/css?family=Open+Sans:400,700,600');
      wp_enqueue_style( 'lavish-lato', '//fonts.googleapis.com/css?family=Lato:400,700,900');
      wp_enqueue_script( 'lavish_extras', get_template_directory_uri() . '/js/lavish_extras.js', array('jquery'), $my_theme, true );
      if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
         wp_enqueue_script( 'comment-reply' );
      }
            
   }
   add_action( 'wp_enqueue_scripts', 'lavish_scripts' );



kde toto

Kód: Vybrat vše

      wp_enqueue_style( 'lavish-open-sans', '//fonts.googleapis.com/css?family=Open+Sans:400,700,600');
      wp_enqueue_style( 'lavish-lato', '//fonts.googleapis.com/css?family=Lato:400,700,900');

upravíš na

Kód: Vybrat vše

      wp_enqueue_style( 'lavish-open-sans', '//fonts.googleapis.com/css?family=Open+Sans:400,700,600&subset=latin-ext');
      wp_enqueue_style( 'lavish-lato', '//fonts.googleapis.com/css?family=Lato:400,700,900&subset=latin-ext');

Postranní panel má třídu .right_sidebar ... takže toto dosadíš za Y jak psal x-rated

[Honza97]

Tak sloupec widgetů se již skrýt povedlo, DĚKUJI MOC!!!! :)

Akorát s tou diakritikou mám pořád problémy, provedl jsem přesně to, co tu píšeš a stále nic :(.

[Microsheep]

Vyber si jiný font, podle mě se ti nezobrazuje jednoduše proto, protože dané znaky (ě,ř) v tom Lato fontu nejsou.
https://www.google.com/fonts/specimen/Lato

// http://jsfiddle.net/eCPSh/1205/

[Honza97]

Aha :(, to bude ono. Je nějaký rychlý způsob jak tam dát jiný font, nebo to musím všude přepsat?

Dodatečně přidáno po 14 minutách 4 vteřinách:
Dobré, už jsem to vyřešil.....
DĚKUJI MOC :)

JEŠTĚ PROSÍM, NEVÍTE NĚKDO CO S TÍM SDÍLENÍM NA FACEBOOKU?

[cervcek]

Zdravím, vyzkoušej
https://wordpress.org/plugins/wp-facebo ... -protocol/
https://wordpress.org/plugins/wonderm00 ... raph-tags/

[Honza97]

Zkusil jsem, ale bohužel nepomohlo :(

[LuCaCZ]

On si FB při prvním sdílení udělá kopii metadat do cache, takže když se změní třeba titulek, tak při dalším sdílení bude pořád ten původní. Teď nevím přesně jakou dobu tyto data zůstávají, ale dají se manuálně načíst znovu pomocí Debuggeru https://developers.facebook.com/tools/debug/ Takže pokud tam něco měníš a testuješ, vždy je dobré to zkoušet v Debuggeru

[Honza97]

Hodilo mi to errory...více zde: https://developers.facebook.com/tools/d ... tsekyra.cz

Moc ale nerozumím, co to po mě chce...

Dodatečně přidáno po 32 minutách 30 vteřinách:
Aha, aha .....už to mám ! :)

DĚKUJI VŠEM MOC ZA OBROVSKOU POMOC, S VAŠÍ POMOCÍ JSEM VYŘEŠIL VŠECHNY 3 PROBLÉMY!
DĚKUJI MNOHOKRÁT VŠEM! :)

Jestli ještě mohu mít jednu otázku....zajímalo by mě, jak jste zjistili, že sloupec widgety se nazývá right_sidebar ....já totiž celou dobu hledal tohle: col-md-4 right_sidebar ..... to jen abych byl pro příště chytřejší.... :)

[LuCaCZ]

Přes Vývojářské nástroje prohlížeče (klávesa F12) si zobrazíš onen prvek a světe div se, anglicky se jmenuje "pravý postranní pruh". To, že je tam i col-md-4 je jen název další třídy - prvek jich může mít několik, oddělují se mezerou.

Dodatečně přidáno po 6 minutách 20 vteřinách:
Vlastně když na stránce klikneš pravou myší na onen prvek a zvolíš Prozkoumat prvek, tak se ti rovnou otevřou Vývojářské nástroje s vybraným prvkem, někdy teda musíš jít o několik úrovní výš, protože klikneš na již vnořený prvek....