How to build simple web apps to automate your SEO tasks - BrightonSEO Spring 2021
•Download as PPTX, PDF•
3 likes•2,184 views
Time to speed-up your SEO workflows! In this talk, I will show you how to: + Build simple Python Web apps to automate your tasks via the mighty Streamlit framework + Deploy them in one click and for free, so you can share them with your teammates (or the word!) I'll finish the talk with some exciting use cases!
Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to How to build simple web apps to automate your SEO tasks - BrightonSEO Spring 2021
Similar to How to build simple web apps to automate your SEO tasks - BrightonSEO Spring 2021 (20)
Recently uploaded
Recently uploaded (20)
How to build simple web apps to automate your SEO tasks - BrightonSEO Spring 2021
- 1. HOW TO BUILD SIMPLE WEB TO YOUR SEO @DataChaz #BrightonSEO
- 5. 5 ALL THESE TOOLS! @DataChaz #BrightonSEO
- 12. What do most folks actually do?! @DataChaz #BrightonSEO
- 14. Streamlit apps can fix that! @DataChaz #BrightonSEO
- 15. 1. A (mini) intro to PYTHON 2. Why Streamlit? 3. A look at Streamlit functions 4. Building our 1st app 5. More advanced examples 6. More tips to help you start Agenda @DataChaz #BrightonSEO
- 20. Wanted to automate your workflow? @DataChaz #BrightonSEO
- 26. Not just Python… @DataChaz #BrightonSEO
- 32. “Hello world” - Java VS Python! @DataChaz #BrightonSEO @DataChaz #BrightonSEO
- 33. “Open + Print a file” - Java VS Python! @DataChaz #BrightonSEO @DataChaz #BrightonSEO
- 35. you can't do in Python! 35 @DataChaz #BrightonSEO
- 38. Blazing fast with big data! @DataChaz #BrightonSEO
- 39. Python is the ‘glue’ language @DataChaz #BrightonSEO
- 40. Interact with Databases! @DataChaz #BrightonSEO
- 41. Interact with any data format @DataChaz #BrightonSEO
- 42. Want to connect APIs & Web services? @DataChaz #BrightonSEO
- 45. Python, THE language for ML! @DataChaz #BrightonSEO
- 47. ML for SEO -> 🔥 ● Content generation via GPT-3 ● Keyword/Intent classification via Deep Learning ● Anomaly & opportunity detection via clustering ● Forecast data series ● Predict *some* ranking factors @DataChaz #BrightonSEO
- 49. Python enables marketers to be truly creative!
- 52. Ubiquitous. And for good reasons! • Instant feedback • Access to the whole Python eco-system • Free GPU = Massive horsepower for machine learning computation! 52 @DataChaz #BrightonSEO
- 57. @DataChaz #BrightonSEO What about interactivity?
- 60. @DataChaz #BrightonSEO Cell based system = 😱
- 61. Notebooks = bad coding habits! • Little for exception handling! • Messed-up hidden state • Don’t play nice w. CI & source control • …. I’ll stop there! @DataChaz #BrightonSEO
- 62. What Notebooks are good for! • Scribbling • Explore your data • Document your processes • Prototyping models @DataChaz #BrightonSEO
- 65. • It's an open-source web framework! • You can make/share Web apps! • *Anyone* can use them! What is Streamlit? @DataChaz #BrightonSEO
- 68. 68
- 70. No front-end experience required @DataChaz #BrightonSEO
- 71. @DataChaz #BrightonSEO Interactivity is baked in! 🍳
- 72. Integrates with any Python Lib! @DataChaz #BrightonSEO
- 73. Integrates with most ML Libs! @DataChaz #BrightonSEO
- 74. Cache data = skip redundant compute • Decorate any function • Streamlit will cache its results! • Can be dataframes transformations, CSV load etc. @DataChaz #BrightonSEO
- 75. Big data ready! 🙌 • Connect to databases • Connect to Bigquery, Azure, AWS • Big data libraries like PySpark @DataChaz #BrightonSEO
- 79. Streamlit Components Integrate with JS frameworks Streamlit.io/components @DataChaz #BrightonSEO
- 81. Components Gallery 02 @DataChaz #BrightonSEO https://observablehq.com/
- 82. Components Gallery 03 @DataChaz #BrightonSEO https://spacy.io/ https://pandas-profiling.github.io/pandas-profiling/
- 84. Convert your favourite JS library! 🚀 @DataChaz #BrightonSEO
- 85. Easily share app with the world! @DataChaz #BrightonSEO
- 86. Easily deploy anywhere! @DataChaz #BrightonSEO
- 89. Coming in 2021! @DataChaz #BrightonSEO
- 91. Secure Data Access! @DataChaz #BrightonSEO • Store API secrets • Store database credentials • No need to hard code!
- 93. Viewer Auth! @DataChaz #BrightonSEO • Password protect apps • Single sign-on • w/ OAuth2
- 94. … One final great thing no one talks about! @DataChaz #BrightonSEO
- 95. People I meet on StackOverflow @DataChaz #BrightonSEO
- 98. A LOOK AT STREAMLIT FUNCTIONS @DataChaz #BrightonSEO 03
- 99. I’ll go fast but… … slides are available online: https://www.slideshare.net/CharlyWargnier @DataChaz #BrightonSEO
- 100. Install Python • Works with Python 3.6 or above • https://www.python.org/downloads/ @DataChaz #BrightonSEO
- 101. Pick your IDE VS Code PyCharm Spyder @DataChaz #BrightonSEO
- 102. A Virtual Environment is recommended! • Isolate your dependencies • Google: “virtualenv” or “venv” for more @DataChaz #BrightonSEO
- 103. Install Streamlit • Open your IDE terminal • Or a command line terminal • Type: $ pip install streamlit @DataChaz #BrightonSEO
- 104. Is it working? Type: $ streamlit hello @DataChaz #BrightonSEO
- 105. Is it working? @DataChaz #BrightonSEO
- 106. Is it working? @DataChaz #BrightonSEO
- 109. Everything you’ll see is pure Python! @DataChaz #BrightonSEO
- 110. The ST. module does it all! @DataChaz #BrightonSEO
- 111. Module Function Argument(s) @DataChaz #BrightonSEO
- 117. st.write is Streamlit’s magic command! @DataChaz #BrightonSEO
- 123. Date input boxes! @DataChaz #BrightonSEO
- 124. Display info boxes @DataChaz #BrightonSEO
- 126. Download files -> Not released yet but hacks are on the forum @DataChaz #BrightonSEO
- 128. Add widgets to sidebar @DataChaz #BrightonSEO
- 129. LET’S BUILD OUR 1ST ! 🙌 @DataChaz #BrightonSEO 04
- 130. • Uses advanced fuzzy matching techniques • Map keywords to your crawl’s URLs • Use the code and tweak it for your own projects! 🎉 @DataChaz #BrightonSEO
- 131. https://github.com/CharlyWargnier/ KeywordMapperForBrightonSEO @DataChaz #BrightonSEO Get the code from my Github! 🎁 https://github.com/CharlyWargnier/KeywordMapperForBrightonSEO
- 132. ● Upload a Screaming Frog crawl ● Paste keywords (e.g., internal search terms) ● Auto-map them to URLs ● Get accuracy scores ● Download results to CSV
- 133. Install files on local machine ● Create a folder on your local machine ● Drop the downloaded files in that folder ● Head to that folder via cd ● pip install streamlit polyfuzz @DataChaz #BrightonSEO https://github.com/CharlyWargnier/KeywordMapperForBrightonSEO
- 134. Import our libraries @DataChaz #BrightonSEO https://github.com/CharlyWargnier/KeywordMapperForBrightonSEO
- 135. Define config @DataChaz #BrightonSEO https://github.com/CharlyWargnier/KeywordMapperForBrightonSEO
- 136. Add logos & placeholders
- 137. Add a CSV uploader @DataChaz #BrightonSEO https://github.com/CharlyWargnier/KeywordMapperForBrightonSEO
- 138. Add a text area for keywords https://github.com/CharlyWargnier/KeywordMapperForBrightonSEO
- 139. Apply the fuzzy matching function @DataChaz #BrightonSEO https://github.com/CharlyWargnier/KeywordMapperForBrightonSEO
- 140. Add a formatted table @DataChaz #BrightonSEO https://github.com/CharlyWargnier/KeywordMapperForBrightonSEO
- 141. Add a Download button @DataChaz #BrightonSEO https://github.com/CharlyWargnier/KeywordMapperForBrightonSEO
- 142. Here and there, I’ve also added… @DataChaz #BrightonSEO ● Some headers ● Some warning messages ● Some exceptions via ‘Try/Except’ https://github.com/CharlyWargnier/KeywordMapperForBrightonSEO
- 143. Type ‘streamlit run app.py’ in your command prompt Voila! 🙌 @DataChaz #BrightonSEO https://github.com/CharlyWargnier/KeywordMapperForBrightonSEO
- 145. Let’s deploy our app with Streamlit Sharing! 🚀 @DataChaz #BrightonSEO
- 147. Head to https://tinyurl.com/ BSEOSharingForm @DataChaz #BrightonSEO 200 free, immediate invites! You need a GitHub account!
- 148. Once you have your invite… @DataChaz #BrightonSEO ● Create a Github repo ● Upload all your files in that repo ● Go to https://share.streamlit.io/deploy
- 149. 1-click Deploy via Sharing! @DataChaz #BrightonSEO
- 152. • Uses the Google language API • Extract & analyse entities at scale • Directly from web pages! ▶️ https://streamea-entity-analyzer.herokuapp.com/ @DataChaz #BrightonSEO
- 154. • Bulk retrieve auto-complete suggestions • From Google and Bing • Choose depth • Visualise in tree/tabular form • Export results to csv ▶️ https://streamsuggest.herokuapp.com/
- 155. • Retrieve entities from Wikipedia URLs or topics! • Get interactive graphs of connected entities • Get entity types + salience scores • Export results to CSV! • (Original script from @jroakes) ▶️ https://share.streamlit.io/charlywargnier/s4_wiki_topic_grapher/main/app.py
- 156. @DataChaz #BrightonSEO ● One-click SEO forecasting ● Connects to GSC ● Tweak + export results ● Export forecasting models!
- 157. ● Paste a web page ● Get a list a relevant Q&As ● Organise & Export results ● Powered by
- 158. @DataChaz #BrightonSEO ● Advanced fuzzy matching app ● Map 404s to SEO crawls! ● Leverage Google Trends API ● … At scale!
- 159. Lots of ❤️ for Streamlit among the SEO Community!
- 160. MORE TO HELP YOU START! @DataChaz #BrightonSEO 06
- 162. Tip 01: Data blending ideas • Blend your client’s data… • … with Google Analytics or GSC • Create a Streamlit app! @DataChaz #BrightonSEO
- 163. Tip 02: Start ditching Excel! • Think of transfos you’re doing all the time! • Break in smaller, easy chunks • Code these in your IDE, or a Colab • Convert to Streamlit! 🔥 @DataChaz #BrightonSEO
- 164. Tip 03: Play with APIs! • Pick an API • Choose your parameters • Build a Streamlit GUI for it! @DataChaz #BrightonSEO
- 166. Mr Bernhardt gotcha covered! 😎 @DataChaz #BrightonSEO
- 168. Jean-Christophe in Da API House! @DataChaz #BrightonSEO
- 170. That’s it! 🎉 @DataChaz #BrightonSEO
- 171. In Memory of Hamlet Jan. 4, 1975 - Jan. 27, 2021 Mentor, teacher, father & friend Rest in peace @DataChaz #BrightonSEO
- 172. Happy Streamlit-ing™! Questions? DM me @DataChaz @DataChaz #BrightonSEO